2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 禁止手机端浏览器双击放大功能

禁止手机端浏览器双击放大功能

时间:2018-07-19 07:59:01

相关推荐

禁止手机端浏览器双击放大功能

记录一下啊

今天客户提要求 手机浏览器打开网页时要禁止双击放大页面(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

感谢贡献者!!!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。