在我的移动网站中,我将视口元标记设置为:
<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'参数现在在页面源中是正确的,但仍然无法捏合/缩放。有人有什么建议吗?