jQuery Mobile更改视口参数

时间:2012-12-12 21:48:29

标签: jquery jquery-mobile viewport

在我的移动网站中,我将视口元标记设置为:

<meta content="width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes" name="viewport">

当我在浏览器(任何浏览器,任何设备)中查看页面源时,我看到'content'参数已被更改为:

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes,maximum-scale=1, user-scalable=no"/>

请注意“内容”中的其他参数。 JQM似乎在运行时使用“maximum-scale = 1,user-scalable = no”值。有谁知道如何让JQM阻止这种烦恼?它的效果是根本无法捏合/缩放网站。

更新:我在jQuery论坛的帖子中找到了以下代码的变体,它基本上将视口的'content'参数重置为它应该是什么:

<script>
var fixedPageMeta = "width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes";
jQuery('[data-role=page]').live('pagebeforeshow', function () {
    jQuery('#viewportMeta').attr("content", fixedPageMeta); 
});
</script>

我可以看到'content'参数现在在页面源中是正确的,但仍然无法捏合/缩放。有人有什么建议吗?

0 个答案:

没有答案