【发布时间】：2012-04-15 11:05:27
【问题描述】：
我需要能够使用 Android PhoneGap 应用上的视口设置打开和关闭捏合缩放。
但在使用 PhoneGap 时，我根本无法让视口影响捏合缩放。 我无法在 PhoneGap 中打开 Pinch-zoom，但使用 Android Native 浏览器浏览网页时一切正常。
我花了很多时间寻找解决方案，但没有任何结果。
我创建了一个非常简单的 index.html 用于测试，具有如下视口设置：
<meta name="viewport" content="user-scalable=yes" />
正如一些人建议的那样，我也尝试了视口：
<meta name="viewport" content="user-scalable=1" />
Android PhoneGap 的其他解决方案是启用此处建议的 Android Native Pinch-Zoom： zoom in phonegap for android 但这对我不起作用，因为我需要能够从 javascript 控制捏缩放。 IE。我需要能够使用 javascript 来更改视口设置，以控制何时可用捏缩放 (user-scalable=yes / user-scalable=no)
请注意“初始比例”和“目标密度dpi”等其他视口设置似乎可以正常工作。例如设置 initial-scale=2 启动应用缩放。
（我目前正在 PhoneGap 1.4.1 和 HTC Desire HD Android 2.3.3 上测试双指缩放）
我开始认为我错过了一些明显的东西，因为我发现关于类似问题的信息太少了......
最小的 index.html：
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="user-scalable=yes" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Minimal AppLaud App</title>
<script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
<script type="text/javascript" charset="utf-8">
var onDeviceReady = function() {
document.getElementById("devready").innerHTML = "OnDeviceReady fired.";
};
function init() {
document.addEventListener("deviceready", onDeviceReady, true);
}
</script>
</head>
<body onload="init();" id="stage" class="theme">
<h2>Minimal AppLaud App</h2>
<p> LOTS OF TEXT WHICH HAVE BEEN REMOVED HERE </p>
<p><span id="devready">onDeviceReady not fired.</span></p>
</body>
</html>
欣赏您可能有的任何想法！
【问题讨论】：