解决iOS10的Safari下Meta设置user-scalable=no无效的方法

苹果为了提高Safari中网站的辅助功能,屏蔽了Meta下的user-scalable=no功能。所以在iOS10下面,就算加上user-scalable=no,Safari浏览器也能支持手动缩放。

我们可以用js加监听事件来阻止手动缩放。
代码如下:

   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)  
    } 

参考: 解决iOS10的Safari下Meta设置user-scalable=no无效的方法

推荐阅读更多精彩内容

  • 原文首发于 baishusama.github.io,欢迎围观~ 存疑 最开始,我遇到的其实是“移动端遮罩层滑动穿...
    白蜀黍阅读 944评论 1 17
  • 随着html5的普及和Web技术的净化,从Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    卐鑫卍阅读 504评论 1 1
  • 一、先罗列一些知名网站的META 1.天猫 天猫触屏版 2.淘宝 淘宝网触屏版 3.京东 京东 - 手机版 4.网...
    Mike_Gu阅读 276评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 106,491评论 12 127
  • 今天走在街上闻到几缕似有似无的兰花香味。谁也是兰花爱好者?
    云锦花源阅读 38评论 0 0