我们一直在使用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
我已经搜索了一个多星期的同样的问题,但我没有得到任何解决方案.
Another Link for your Help
我已经搜索了一个多星期的同样的问题,但我没有得到任何解决方案.
如果你有解决方案请在这里发布
谢谢,
