Phonegap iFrame/页面缩放答案

【问题标题】：Phonegap iFrame/page scalingPhonegap iFrame/页面缩放
【发布时间】：2013-08-03 08:16:44
【问题描述】：

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

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

在移动设备上的网络浏览器中查看此代码时效果很好。现在我正在尝试在应用程序的 iframe 中创建一个具有相同页面的Phonegap 应用程序。但是，缩放/视口根本不起作用。不管我为缩放输入的数字是多少，比例仍然是一样的。它不会改变。

我尝试这样做的原因是我的 Phonegap 应用程序通过两个 iframe 将同一 Phonegap 页面上的两个外部页面捆绑在一起，我需要能够同时查看两个页面而不运行屏幕外。

任何人对如何在Phonegap 中使用 iframe 使用/启用缩放有任何想法吗？谢谢。

【问题讨论】：

【解决方案1】：

终于找到答案了。有人在PhonegapGoogle 组上发布了它。这是他们的回应：

尝试将“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" />

【讨论】：