解决iOS10的Safari下Meta设置user

苹果为了提高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://www.huajiangbk.com/newsview1293867.html