Question

我不确定标题是否正确。

我正在为Windows Phone 8开发一个cordova / phonegapp应用程序，我想将它安装到屏幕上。

我发现将此添加到css：

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

这是javascript：

if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
    var msViewportStyle = document.createElement("style");

    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{width:auto!important;}"
        )
    );

    msViewportStyle.appendChild(
        document.createTextNode(
            "@-ms-viewport{height:device-height!important;}"
        )
    );

    document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}

它应该适合。

现在它几乎适合，我想知道是否可以做height:device-height-3%这样的事情，如果是的话，我应该怎么做。

到目前为止我还没能使它发挥作用。请注意，我是Windows手机开发中的noob，也是css / javascript中的noob

Answer 1

这可能会对你有所帮助

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

是否可以在css中更改@viewport

1 个答案: