WP8 IE10视问题(WP8 IE10 viewport issue)

做任何你注意到使用-MS-视（有320px的特定宽度或设备的宽度）时则网络浏览器的内容可以可用空间外移动？ 好像文件大小是错误的，所以我可以把它的滚动的内容到离开，但没有什么再白空的空间。 我也可以放大出来（但我不应该），它的大小后，是不是总是一样的。 我所知道的http://mattstow.com/responsive-design-in-ie10-on-windows-phone-8.html ，但它并不能帮助。 它发生后的第二或第三定位到相同的内容，并且当设备旋转消失例如。

Answer 1:

的Windows Phone 8不能正确识别的meta viewport标记，是WebKit和移动网络标准。

在你的CSS试试这个

@-ms-viewport{width:device-width}

然后添加这个JS

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

这里更多（信用）

Answer 2:

尝试添加以下

@-ms-viewport {
    user-zoom: fixed;
    max-zoom: 1;
    min-zoom: 1;
}

文章来源: WP8 IE10 viewport issue