7

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

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

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

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

谢谢你。

4

3 回答 3

21

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

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

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

于 2013-03-22T20:31:51.763 回答
1

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

config.xml: 首选项名称="EnableViewportScale" 值="true" />

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

    super.loadUrl(Config.getStartUrl(),1);   
    WebSettings settings = appView.getSettings(); 
    settings.setUseWideViewPort(true); 
    settings.setLoadWithOverviewMode(true);
于 2013-12-21T09:42:59.653 回答
-2

我在上面看到了一个可能的错误。也许我的好人可以发表评论。

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”。

于 2015-05-03T10:02:31.617 回答