如何动态设定ipad上的缩放功能

memorybox 发布于 2012/04/08 10:16
阅读 2K+
收藏 0

如何动态设定ipad上的缩放功能。

在<head>里将meta设置为<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">将缩放禁用了。

设为<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=2.0;">启用缩放。

这么绑定也可以

$(document).bind("mobileinit", function(){
      $.mobile.metaViewportContent = "width=device-width, minimum-scale=1, maximum-scale=2";
});

 

我想问:如何在浏览指定页面的时候启用缩放,离开这个页面禁止呢?

ps:我在页面显示和隐藏的时候设置了meta,好像不管用,Firebug调试发现meta没有改变,是不是jquery mobile只允许在初始化的时候设置一次meta呢?

 

谢谢!

加载中
0
memorybox
memorybox

解决了。

不要用$.mobile提供的方法。

直接上:

viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;');<
OK了。
返回顶部
顶部