记录一下啊
今天客户提要求 手机浏览器打开网页时要禁止双击放大页面(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});
这里我只用了禁止双击放大,博主还有禁止双指放大!!!
可参考原文
/wnety/article/details/116193932
感谢贡献者!!!