Cordova 动态缩放和元视口不工作

Question

我正在尝试在我的 Cordova 3.4.0 应用中动态启用/禁用用户缩放。

我的初始视口设置是：

<meta id="viewport-meta" name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

当我启用缩放时，我更改为：

viewport.setAttribute('content', 'user-scalable=yes, initial-scale=1, maximum-scale=2, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi');

然后，为了禁用缩放并恢复到原始大小，我执行：

viewport.setAttribute('content', 'user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi');

现在的问题是，在启用缩放时我手动捏放大，当我尝试重置视口以禁用缩放时，那些初始比例和最大比例不生效。只有 user-scalable 生效，因此我无法再捏合/拉出，但页面不会重置为初始比例 / 最大比例 = 1，并保持在 2 的缩放级别。

如何强制页面再次缩小到初始比例 1？请指教。非常感谢。

Answer 1

Phonegap 和 cordova 总是将应用程序呈现为网页，因此我认为实际上没有必要添加这样的缩放代码。缩放必须自动工作，除非它在配置文件中被禁用。

但是如果还是不行的话，这里有个插件可以用

http://cubiq.org/iscroll-4

这个插件可以应用到你的 div 中，它会给你这个功能。

您还可以使用hammer.js，这是一个提供这些功能的javascript库

http://eightmedia.github.io/hammer.js/