在wp8.1中应该如何使webview适合设备屏幕大小？

Question

我正在使用webview控件在WP 8.1中开发一个应用程序。我用4英寸设备测试了应用程序并且看起来很好。但是当这个应用程序在更大的设备中测试时，Web视图似乎不适合屏幕。我的xaml代码就像

<Grid Margin="0,0.333,0,-1.333" Height="641" VerticalAlignment="Top">
    <ProgressBar x:Name="home_progress_bar" IsIndeterminate="True" Visibility="Collapsed" Height="70" Margin="0,282,2,258" Canvas.ZIndex="999999" FontSize="15"/>
    <WebView x:Name="orderWebView" HorizontalAlignment="Left" VerticalAlignment="Top" ScriptNotify="orderWebView_ScriptNotify" NavigationStarting="orderWebView_navigation_starting" NavigationFailed="orderWebView_navigation_failed" NavigationCompleted="orderWebView_NavigationCompleted" Height="643" Width="400" DOMContentLoaded="orderWebView_DOMContentLoaded" Margin="0,0,0,-2"/>
</Grid>
<Page.BottomAppBar>
    <CommandBar x:Name="Appbar_homepage" Background="{StaticResource PhoneAccentBrush}" ClosedDisplayMode="Minimal" >
        <AppBarButton x:Name="AppButton_home" Label="home" Icon="Home" Click="AppButton_home_Click"/>
    </CommandBar>
</Page.BottomAppBar>

请指出我错过的内容。

Answer 1

您已经对WebView的宽度和高度进行了硬编码。删除宽度和高度属性，将Horizo​​ntalAlignment和VerticalAlignment更改为＆＃34; Stretch＆＃34;并且可以选择使用Margin属性来为它提供一点余量。 例如：

<WebView x:Name="orderWebView" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="10" />