Question

我在iPhone上有方向问题。我在标题中使用了这个元标记

<meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

我的网站上有一个隐藏的左侧导航栏。当我的左侧导航打开并尝试将方向从纵向更改为横向然后再次更改为纵向时，我的左侧导航现在已部分显示。您可以在此处访问/查看我的网站：http://apps.stratpoint.com:9114以获得更清晰的图片。

如何动态更改视口最大比例？如果我的方向是纵向的，我的最大比例必须是1.0，但在横向时它必须是1.5的值。我怎样才能在javascript中实现这一点？

到目前为止，这是我的代码：

var supportsOrientationChange = "onorientationchange" in window,
    orientationEvent = supportsOrientationChange ? "orientationchange" : "resize";

window.addEventListener(orientationEvent, function() {
    //alert('HOLY ROTATING SCREENS BATMAN:' + window.orientation + " " + screen.width);
    var orientation = window.orientation;

    if(orientation == 0) {
            $('#extViewportMeta').remove();
            $('head').append('<meta id ="extViewportMeta" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.5, minimum-scale=1.0; user-scalable=0;">');
    }else {
            $('#extViewportMeta').remove();
            $('head').append('<meta id ="extViewportMeta" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0, minimum-scale=1.0; user-scalable=0;">');
    }
}, false);

我上面的代码中的问题是我能够将我的最大比例更改为1.5，但在横向时无法将其恢复为1.0。 T_T。帮助任何人

使用javascript动态地将视口最大比例1.0更改为1.5

0 个答案: