PhoneGap：使用视口缩小网页答案

【问题标题】：PhoneGap: Scaling down a webpage with viewportPhoneGap：使用视口缩小网页
【发布时间】：2013-03-12 19:48:26
【问题描述】：

我正在创建一个我们将要在工作中构建的应用程序的快速原型，以便我们可以对某些功能进行快速用户测试。

我的设计师以 640 像素的宽度创建了我的图像，以匹配 iPhone 5 的分辨率。所以为了让事情变得简单快捷，我使用了这个视口标签：

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

这在移动 Safari 中完美运行，但现在我已将它封装在 PhoneGap 中，它的行为就像比例设置为 1。关于我需要做些什么来解决这个问题有什么想法吗？

谢谢。

【问题讨论】：

可能不需要最大比例，但它在我的 sn-p 中，所以我把它留在了。

标签： iphone ios cordova mobile

【解决方案1】：

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

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

要像我的 sn-p 在这里展示的那样“真实”，让应用程序像在线一样正确扩展。

【讨论】：

谢谢你！这真的很有帮助
嗨，我在 staging config.xml 中找到了这个，你能告诉我应该把这行放在哪里

【解决方案2】：

刚刚测试，偏好不完整的解决方案，请执行以下操作：

配置.xml：偏好名称="EnableViewportScale" value="true" />

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

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

【讨论】：

工作，结合this.appView.setInitialScale(50); （对于 .5 初始比例）和 config.xml 中的

【解决方案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”。

【讨论】：