0

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

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

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

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

有人对我如何使用 iframe 使用/启用缩放有任何想法Phonegap吗?谢谢。

4

1 回答 1

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" />
于 2013-02-14T03:20:39.400 回答