PhoneGap:使用视口缩小网页

Question

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

我的设计师以640px的宽度创建了我的图像,以匹配iPhone 5的分辨率.因此,为了简化和快速,我使用了这个视口标记:

<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" />

要像我在这里显示的片段一样"真实",让应用程序像在线一样正确缩放.