Question

我们有一个基于PhoneGap的应用程序，它建立在jQuery Mobile上。目前，我们正在尝试使用视口元标记显式设置视口。

例如，我们在html页面中设置了以下内容：

<meta name="viewport" content="width=device-width, initial-scale=1.6"/>

在我们的登录屏幕和仪表板上，这是有效的，但是在另一个页面中，视口被覆盖为

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>

当我们查看jQuery Mobile代码时，它显示取决于是否启用了缩放这个更新的视口集，以下是JQuery移动库代码的一部分，它负责更新视口。

var meta = $( "meta[name=viewport]" ),
        initialContent = meta.attr( "content" ),
        disabledZoom = initialContent + ",maximum-scale=1, user-scalable=no",
        enabledZoom = initialContent + ",maximum-scale=10, user-scalable=yes",
        disabledInitially = /(user-scalable[\s]*=[\s]*no)|(maximum-scale[\s]*=[\s]*1)[$,\s]/.test( initialContent );

但是前两页没有设置。当我们检查代码中是否设置了disablePageZoom时，我们无法找到任何会触发此更改的内容。

如果不通过jQuery Mobile或任何变通方法更改视口，我们怎么能保持视口不变。

请注意，当页面发生变化时，$.mobile.changePage会发生视口更改，我们在此应用程序中使用jQuery Mobile 1.4.0。

Viewport元标记动态更改jQuery Mobile

0 个答案: