Phonegap iFrame /页面缩放

时间:2013-02-13 20:55:24

标签: html cordova viewport

我有一个页面在处理移动设备时使用以下代码

<meta name="viewport" content="width=device-width, initial-scale=.7, maximum-scale=2, user-scalable=1">

此代码在移动设备上的Web浏览器中查看时效果很好。现在,我正在尝试使用应用程序中的iframe中的这个相同页面创建Phonegap应用程序。但是,缩放/视口根本不起作用。无论我为缩放设置的数字如何,比例仍然相同。它不会改变。

我尝试这样做的原因是我的Phonegap应用程序通过两个iframe将同一Phonegap页面上的两个外部网页捆绑在一起,我需要两个页面才能在有一次没有跑出屏幕。

任何人都对如何在Phonegap中使用/启用iframe进行缩放有任何想法?感谢。

1 个答案:

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