PhoneGap：使用视口缩小网页

Question

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

我的设计师以640像素的宽度创建了我的图像，以匹配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" />

像我在此处显示的片段一样'真实'，使应用程序像在线一样正确缩放。

Answer 2

刚刚测试过，首选项不是完整的解决方案，请执行以下操作：

config.xml中： preference name =“EnableViewportScale”value =“true”/＆gt;

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

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