admin管理员组文章数量:1562461
记录一下啊
今天客户提要求 手机浏览器打开网页时要禁止双击放大页面(Google)!!!
然后在网上找到了很多 但都没有效果,比如:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
上述均无效(可能是自己没用好吧)!!!
后来找到了一个js(成功解决) 如下:
// 禁用双击放大
var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
var now = Date.now();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, {
passive: false
});
这里我只用了禁止双击放大,博主还有禁止双指放大!!!
可参考原文
https://blog.csdn/wnety/article/details/116193932
感谢贡献者!!!
版权声明:本文标题:禁止手机端浏览器双击放大功能 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dianzi/1727474364a1116387.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论