PhoneGap：缩放带有视口的网页

我创build了一个应用程序的快速原型，我们将在工作中构build，以便我们可以对某些function进行快速的用户testing。

我的devise师创build了640像素宽的图像，以匹配iPhone 5的分辨率。为了简单快捷，我使用了这个视口标签：

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

这在移动Safari中完美的工作，但现在，我已经把它包装在PhoneGap中，它的行为就像scale被设置为1.任何想法，我需要做什么来解决这个问题？

谢谢。

Answer 1

我find了。 项目的根目录中有一个“config.xml”。 设置这一行：

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

为了像我的代码片段所显示的那样“真实”，使得应用程序像在线上一样正确地扩展。

Answer 2

只是testing，偏好不是完整的解决办法，做到以下几点：

config.xml：preference name =“EnableViewportScale”value =“true”/>

主要活动，在设置后启用视口loadurl：

  super.loadUrl(Config.getStartUrl(),1); WebSettings settings = appView.getSettings(); settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true); 

Answer 3

我在上面看到一个可能的错误。 也许我的更好的评论。

1）最初的提问者似乎想要缩放。 该行的结尾指出“user-scalable = no” 。 这可能导致没有缩放 – 缩放100％。 无论如何，浏览器都可以让你缩放，对吗？ 所以Safari的结果是一个红色的鲱鱼。 此外，初始和最大比例是相同的。

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

2）根据Sebastions的答复，也许正确的值是“50”而不是“0.5”。