windows-phone-8 – Zurb Foundation 5和Windows Phone 8：网站

发布时间：2020-12-14 05:42:55 所属栏目：Windows 来源：网络整理

导读：我们一直在使用Zurb Foundation 5开发移动网站.它工作得非常完美,除了一些未知的原因,Windows Phone 8手机有时无法全屏显示网站.我有时会说,在75％的情况下,网站显示正确,但大约每四次都没有. 这是Lumia 920的屏幕截图,显示了问题：如果将手机旋转到横向(并

我们一直在使用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应用程序中却没有解决.但是,当我将同一个应用程序升级到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. Bug在IE 11中修复,而不是在IE 10中修复.
Another Link for your Help
我已经搜索了一个多星期的同样的问题,但我没有得到任何解决方案.

如果你有解决方案请在这里发布

谢谢,

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!