Question

我有一个Phonegap Build应用程序，可以在iOS，Android和win-8.1上正常运行。在Windows 10移动设备上存在以下问题：

当手机在横向模式下倾斜时，屏幕缩放/缩放会出错。页面太大，不适合屏幕。该页面具有以下值：

window.innerWidth/innerHeight: 320 x 180
document.documentElement.scrollWidth/scrollHeight: 375 x 569
document.documentElement.clientWidth/clientlHeight: 320 x 569

问题是scrollWidth大于视口，页面显示得太大。

是否有人遇到同样的问题？有解决方案吗？

Answer 1

似乎是其他人的问题。我在Stack Overflow上找到了这个问题，原始海报显示了尝试他们的解决方案：Windows Phone 8 Viewport issue

复制/粘贴以防万一：

(function() {
if ("-ms-user-select" in document.documentElement.style && 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);
}
})();

Windows 10 Mobile上使用phonegap应用程序的屏幕缩放问题

1 个答案: