我有一个页面在处理移动设备时使用以下代码
<meta name="viewport" content="width=device-width, initial-scale=.7, maximum-scale=2, user-scalable=1">
此代码在移动设备上的Web浏览器中查看时效果很好。现在,我正在尝试使用应用程序中的iframe中的这个相同页面创建Phonegap
应用程序。但是,缩放/视口根本不起作用。无论我为缩放设置的数字如何,比例仍然相同。它不会改变。
我尝试这样做的原因是我的Phonegap
应用程序通过两个iframe将同一Phonegap
页面上的两个外部网页捆绑在一起,我需要两个页面才能在有一次没有跑出屏幕。
任何人都对如何在Phonegap
中使用/启用iframe进行缩放有任何想法?感谢。
答案 0 :(得分:2)
Phonegap
Google
群组中。以下是他们的回复:
尝试将“EnableViewPortScale”设置为true:http://docs.phonegap.com/en/2.4.0/guide_project-settings_ios_index.md.html#Project%20Settings%20for%20iOS
所以我将以下内容添加到我的config.xml文件中,它现在正在扩展,就像我想要的那样。唯一需要注意的是,您必须使用Phonegap
在视口上低于正常值才能达到相同的效果。
<preference name="EnableViewportScale" value="true" />