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

赞助商链接:

陕西11选五 广东11选5 500万彩票网 500w彩票 500万彩票网 500万彩票网 500w彩票 500w彩票 500万彩票网 500w彩票 500万彩票网 500万彩票网 <完美世界小说人物月禅>| <惹上首席总裁>| <东方玄幻小说完本>| <斗牛棋牌>| <现代言情小说阅读网>| <刘猛小说txt下载>| <免费全本穿越小说>| <免费小说阅读网全本>| <完美世界小说全文阅读>| <520免费小说阅读网>| <波克棋牌>| <大主宰txt全集下载>| <一女多男np穿越小说>| <免费全本穿越小说>| <完美世界小说txt下载>| <完美世界小说人物月禅>| <棋牌游戏>| <520免费小说阅读网>| <大主宰txt 天蚕土豆>| <免费全本穿越小说>| <免费全本穿越小说>| <豆豆小说阅读网古灵>|