我正在创建我们将在工作中构建的应用程序的快速原型(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。关于我需要做些什么来解决这个问题有什么想法吗?
谢谢。
最佳答案
我找到了。项目的根目录中有一个“config.xml”。设置这一行:
<preference name="EnableViewportScale" value="true" />
要像我这里的代码片段显示的那样“真实”,使应用程序像在线一样正确缩放。
关于iphone - PhoneGap : Scaling down a webpage with viewport,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15579078/