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



我有一个Phonegap Build应用程序,它在iOS、Android和win-8.1上运行良好。在Windows10手机上有以下问题:

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

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

问题是滚动宽度大于视口,并且页面显示得太大。

有人遇到同样的问题吗?有解决办法吗?

这似乎是其他人遇到的问题。我在Stack Overflow上发现了这个问题,原始海报显示正在尝试他们的解决方案:Windows Phone 8 Viewport问题

复制/粘贴以防万一:

(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);
}
})();

相关内容

  • 没有找到相关文章

最新更新