Windows 10手機 - UWP應用程序的webview的HTML頁面不縮放到全屏

我有一個簡單的HTML頁面加載到Windows Phone的webview控件，它不縮放到全屏幕，並出現白色補丁（如附圖）。Windows 10手機 - UWP應用程序的webview的HTML頁面不縮放到全屏

web視圖代碼如下：

<Page 
x:Class="loadtime.MainPage" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns:local="using:loadtime" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
mc:Ignorable="d"> 

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <WebView x:Name="mainWebView"></WebView> 
</Grid>

的HTML：

<!DOCTYPE html> 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta charset="utf-8" /> 
     <title></title> 
    </head> 
    <body style="background-color:red; border: 1px solid blue;"> 
    </body> 
</html>

請告訴我可能是什麼原因？是否還有其他需要啓用的屬性？

來源

2016-11-28 Neena

您需要的WebView HorizontalAlignment和VerticalAlignment設置爲Stretch

下面是我的全部代碼。

XAML

<Page 
    x:Class="App16.MainPage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="using:App16" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    Loaded="Page_Loaded" 
    mc:Ignorable="d"> 

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
     <WebView x:Name="mainWebView" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> 
    </Grid> 
</Page>

代碼隱藏

using Windows.UI.Xaml; 
using Windows.UI.Xaml.Controls; 

namespace App16 
{ 
    public sealed partial class MainPage : Page 
    { 
     public MainPage() 
     { 
      this.InitializeComponent(); 
     } 

     private void Page_Loaded(object sender, RoutedEventArgs e) 
     { 
      string Loaded = "<html lang=\"en\" xmlns=\"http://www.w3.org/1999/xhtml\"><head><meta charset=\"utf-8\" /><title></title></head><body style=\"background-color:red; border: 1px solid blue;\"></body></html>"; 
      mainWebView.NavigateToString(Loaded); 
     } 
    } 
}

下面是輸出。

來源

2016-11-28 14:57:21 AVK

這並沒有幫助，但它仍然不能擴展到全屏幕：<的WebView X：NAME = 「mainWebView」的HorizontalAlignment = 「拉伸」 VerticalAlignment = 「拉伸」> – Neena

@Neena這纔是真正奇怪。我剛剛創建了一個空白項目，並使用了您的html示例和您的頁面示例，並使其完美無瑕。看到我更新的答案。 – AVK

我已經做了同樣的事情，但沒有擴展。這與設備類型有關嗎？我正在使用Lumia 650，版本1607.操作系統版本10.0.14393.448。屏幕分辨率720X1280 – Neena

的問題是狀態欄，這解決了問題。

if (ApiInformation.IsTypePresent("Windows.UI.ViewManagement.StatusBar")) 
     { 
      await StatusBar.GetForCurrentView().HideAsync(); 
     }

來源

2016-12-01 06:23:33 Neena

Windows 10手機 - UWP應用程序的webview的HTML頁面不縮放到全屏

回答

相關問題