Question

我正在开发一个Windows Phone 8 + cordova项目。在这里，我要求在风景中显示一些页面。在肖像中，页面看起来很好，尺寸正确。但是当谈到景观时，整体设计会被放大。

我使用它作为我的视口风格

@-ms-viewport
{
    width: device-width;
    width:350px;
    user-zoom:fixed;
    max-zoom:1;
    min-zoom:1;
}

并在我使用的index.html中，

<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0" />

有人可以建议修复此问题吗？

谢谢！

编辑：我想要的是仅以横向模式缩小页面大小！

Answer 1

使用以下代码

修正了它

(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 Phone 8视口问题

1 个答案: