Zurb Foundation 5 和 Windows Phone 8：网站并不总是全屏答案

【问题标题】：Zurb Foundation 5 & Windows Phone 8: Site not always full screenZurb Foundation 5 和 Windows Phone 8：网站并不总是全屏
【发布时间】：2014-05-09 19:47:52
【问题描述】：

我们一直在使用 Zurb Foundation 5 开发一个移动网站。除了某些未知原因之外，它几乎可以完美运行Windows Phone 8 手机有时无法全屏呈现该网站。我有时会说，在 75% 的情况下，网站显示正确，但大约每四次显示不正确。

这是来自 Lumia 920 的屏幕截图，显示了问题：

如果将手机旋转为横向（并返回纵向），问题就会得到解决。

我们在我们的网站上使用以下元信息：

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

标题中还包括以下脚本：

<script type="text/javascript">
    if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
        var msViewportStyle = document.createElement("style");
        var mq = "@@-ms-viewport{width:auto!important}";
        msViewportStyle.appendChild(document.createTextNode(mq));
        document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
    }
</script>

感觉手机有时会过早开始渲染网站。我们有一个带有居中进度环的初始屏幕，从中我们可以看到进度环最初通常位于屏幕的左侧（不是全宽），但随后会居中（站点全宽）。但有时进度环会停留在左侧，在这些情况下，网站不会全屏呈现。我们在 Android 或 iPhone 上没有遇到过这个问题，只有 Mobile IE。

有什么想法吗？

【问题讨论】：

标签： windows-phone-8 zurb-foundation internet-explorer-10

【解决方案1】：

我遇到了同样的问题，但在 windows Phone 8 应用程序中没有解决。但是当我将同一个应用程序升级到 Windows Phone 8.1 时，问题就解决了。没有 CSS 和任何 JavaScript 代码都像那些链接一样工作。原因是在 Windows Phone 8 WebBrowser Control 中使用的是 IE 10，而在 IE 10 中存在 BUG。微软告诉错误已修复，但事实并非如此。这是 IE 10 中的错误。在 Windows Phone 8.1 Webview for Store App 和 WebBrowser for SilverLight App 中使用 IE 11。错误在 IE 11 中修复，而不是在 IE 10 中。 Another Link for your Help 我已经为同样的问题搜索了一个多星期，但我没有得到任何解决方案。

如果您有解决方案请在此处发布

谢谢，

【讨论】：