苹果为了提高Safari中网站的辅助功能,屏蔽了Meta下的user-scalable=no功能。所以在iOS10下面,就算加上user-scalable=no,Safari浏览器也能支持手动缩放。
对于很多开发者来说,这是一个悲催的问题,如何解决,这个网上已经有了。用js加监听事件来阻止手动缩放。
代码如下:
<script> window.onload=function () { document.addEventListener('touchstart',function (event) { if(event.touches.length>1){ event.preventDefault(); } }) var lastTouchEnd=0; document.addEventListener('touchend',function (event) { var now=(new Date()).getTime(); if(now-lastTouchEnd<=300){ event.preventDefault(); } lastTouchEnd=now; },false) } </script>1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.
给心灵一个纯净空间,让思想,情感,飞扬!
本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。
相关知识
HTML Meta标签中的viewport属性含义及设置
彻底搞懂移动Web开发中的viewport与跨屏适配
meta name=“viewport” content='width=device
解释“meta name=”viewport“ content=”width=device
meta http
移动端适配及PC端适配心得总结体会(二) (可能比较全
web移动端常见面试题以及适配兼容问题
我对移动端适配的了解
Java Web实现登录注册(超详细附代码)
分享一些user
网址: 解决iOS10的Safari下Meta设置user https://m.huajiangbk.com/newsview1293867.html
上一篇: 山海镜花官服正版 |
下一篇: 花与剑iOS游戏下载 |