iphone - PhoneGap : Scaling down a webpage with viewport

Question

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

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

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

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

谢谢。

Answer 1

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

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

要像我这里的代码片段显示的那样“真实”，使应用程序像在线一样正确缩放。