在我的移动网站中,我将视口元标记设置为:
<meta content="width=device-width,initial-scale=1,maximum-scale=5,user-scalable=yes" name="viewport">
当我在浏览器(任何浏览器、任何设备)中查看页面源时,我看到“内容”参数已更改为:
<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 论坛的帖子中发现了以下代码的变体,它基本上将视口的“内容”参数重置为应有的值:
<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>
我可以看到页面源中的“内容”参数现在是正确的,但是仍然不能捏/缩放。有人有什么建议吗?