视口元标记动态更改jQuery Mobile

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或任何替代方法更改视口的情况下保持视口不变。

请注意，当页面更改并且我们在此应用中使用jQuery Mobile 1.4.0时，视口更改发生在$.mobile.changePage上。