Question

我正在用javascript开发一个wp8.1应用程序。 x-ms-webview以非常小的尺寸显示。截图： https://flic.kr/p/oi2WNm

default.html中

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Miley_Cyrus_Tweets.WindowsPhone</title>

    <!-- WinJS references -->
    <!-- At runtime, ui-themed.css resolves to ui-themed.light.css or ui-themed.dark.css 
    based on the user’s theme setting. This is part of the MRT resource loading functionality. -->
    <link href="/css/ui-themed.css" rel="stylesheet" />
    <script src="//Microsoft.Phone.WinJS.2.1/js/base.js"></script>
    <script src="//Microsoft.Phone.WinJS.2.1/js/ui.js"></script>

    <!-- Miley_Cyrus_Tweets.Phone references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>

</head>
<body class="phone">
    <center>
        <br /><br />
        <x-ms-webview id="webview" src="ms-appx-web:///page.html" width="400" height="600"></x-ms-webview>
    </center>
</body>
</html>

default.css

body {
background-color: #ffffff;

}

以下是我试图让它变大的原因：

在default.html
使用缩放：200％;对于body.css中的body

在这两种情况下，x-ms-webview变得更大，但也向右移动。

所以，我的问题是：在保持中心对齐的同时，我需要做些什么才能让它更大？

Answer 1

也许这些代码可以帮到你。

它来自cordova inappbrowser。

＆＃13;

if (!browserWrap) {
  browserWrap = document.createElement("div");
  browserWrap.style.position = "absolute";
  browserWrap.style.borderWidth = "0";
  browserWrap.style.width = "100%";
  browserWrap.style.height = "100%";
  browserWrap.style.borderStyle = "solid";
  browserWrap.style.borderColor = "rgba(0,0,0,0.25)";
  browserWrap.style.zIndex = 100000;

  document.body.appendChild(browserWrap);
}


popup = document.createElement(isWebViewAvailable ? "x-ms-webview" : "iframe");
popup.style.borderWidth = "0";
popup.style.width = "100%";
popup.style.height = "100%";
popup.src = strUrl;
browserWrap.appendChild(popup);

＆＃13;

在Windows Phone 8.1 javascript应用程序中，x-ms-webview无法正常显示

1 个答案: