• <dl id="3g1sg"><ins id="3g1sg"><thead id="3g1sg"></thead></ins></dl>
    <div id="3g1sg"></div>
  • <dl id="3g1sg"><ins id="3g1sg"></ins></dl>
  • <input id="3g1sg"></input>
  • <sup id="3g1sg"><menu id="3g1sg"></menu></sup>
  • <dl id="3g1sg"></dl>

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

    2017-04-25 15:43:21来源:威易网作者:小易

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

    苹果为了提高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) 
        } 

    赞助商链接:

    广东快乐10分 - 百度
  • <dl id="3g1sg"><ins id="3g1sg"><thead id="3g1sg"></thead></ins></dl>
    <div id="3g1sg"></div>
  • <dl id="3g1sg"><ins id="3g1sg"></ins></dl>
  • <input id="3g1sg"></input>
  • <sup id="3g1sg"><menu id="3g1sg"></menu></sup>
  • <dl id="3g1sg"></dl>
  • <dl id="3g1sg"><ins id="3g1sg"><thead id="3g1sg"></thead></ins></dl>
    <div id="3g1sg"></div>
  • <dl id="3g1sg"><ins id="3g1sg"></ins></dl>
  • <input id="3g1sg"></input>
  • <sup id="3g1sg"><menu id="3g1sg"></menu></sup>
  • <dl id="3g1sg"></dl>