android - PhoneGap 会忽略设置了特定宽度的视口标签吗？

Question

我开发了一个 webapp 并成功使用 viewport 元素来适应不同设备的应用程序。例如，在 iPhone 上，我使用了这个：

<meta name="viewport" content="width=685,user-scalable=0" />

我的 webapp 在 iPhone Safari 浏览器上的这个视口看起来很好。因此，我认为，在 PhoneGap 的帮助下将我的 web 应用程序包装为 AppStore 应用程序会很容易。但到目前为止，我没有运气这样做。视口标签似乎被完全忽略了。

所以这是我的问题： 视口标签在PhoneGap上是否以特定宽度（如上例）工作？还是我必须将所有内容都重新设计为响应式网页设计？

score 3 · Accepted Answer

我已经和它打了几个小时了。使用最后一个版本的phonegap，我是这样管理的：

在您的主 java 中，在 super.loadUrl(blablabla

    super.init(); 
    super.appView.getSettings().setUseWideViewPort(true);
    super.appView.getSettings().setLoadWithOverviewMode(true);

这仍然允许用户“双击”来放大/缩小。所以用这个修改你的元数据：

它适用于 Phonegap 3.0 和 Android >= 4

score 0 · Accepted Answer

使用这样的元标记将宽度自动设置为设备宽度：

<META NAME="viewport" CONTENT="width=device-width, initial-scale=1, user-scalable=no"/>

希望有帮助。

score 0 · Accepted Answer

尝试将其添加到 html 的标题中

<META NAME="viewport" CONTENT="width=device-width, initial-scale=1, user-scalable=no"/>

这到你的 config.xml：

<preference name="EnableViewportScale" value="true" />

score 0 · Accepted Answer

尝试这个-

 < meta name="viewport" content="width=device-width; user-scalable=yes; initial-scale=0.1; maximum-scale=5; minimum-scale=0.5" />

4 回答 4