Android 科尔多瓦动态变焦&;元视口不工作

Android 科尔多瓦动态变焦&;元视口不工作,android,html,ios,css,cordova,Android,Html,Ios,Css,Cordova,我正在尝试在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" /> 然后

我正在尝试在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=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi');
现在,问题是,在启用缩放功能时手动收缩以放大,并且在尝试重置视口以禁用缩放后,这些初始比例和最大比例不会生效。只有“用户可缩放”才生效,因此我不能再缩进/缩出,但页面不会重置为初始缩放/最大缩放=1,并保持在缩放级别(例如2)


如何强制页面再次缩小到初始比例1?请告知。非常感谢。

Phonegap和cordova总是将应用程序呈现为网页,因此我认为确实没有必要添加此类缩放代码。除非在配置文件中禁用,否则缩放必须自动工作

但是如果它仍然不起作用,这里有一个你可以使用的插件

这个插件可以应用到你的div上,它会给你这个特性

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


谢谢您的回复。我故意禁用index.html viewport meta标记中的缩放,因为它是一个应用程序,我不希望用户像放大网页一样放大。但是,在像照片库这样的应用程序中,我想重新启用某些部分的功能,以便它们可以放大照片,因此我需要更改视口设置。这时问题就出现了——在将其设置为可缩放且用户收缩以放大后,当退出照片库时,重置视口无法再次自动缩小。你能给我一些建议吗?谢谢。你是从你的应用程序访问手机galerry还是galerry是你应用程序的一部分?gallery页面实际上只是同一个移动应用程序HTML页面中的一个单独的DIV层。当有人点击应用程序各个部分的缩略图时,我的javascript会将图像输出到只有图像和黑色背景的“gallery”DIV页面中,用户可以在该页面中收缩以放大/缩小以查看完整图像。“gallery”DIV启用用户可伸缩性,当用户退出该页面时,用户可伸缩性再次设置为否。
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');