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

贊助商鏈接:

悠洋棋牌官方下载 河北快三每天几点开始 e球彩开奖结果今天 辽宁35选7开好运奖结果查询 (^ω^)MG旋转大战_稳赢版 平特1肖图 (*^▽^*)MG疯狂之七怎么玩容易爆分 黑龙江福彩p62最新开奖 6个平码算下期的平特肖 (★^O^★)MG法老王的秘密_最新版 (*^▽^*)MG舞线技巧介绍 (-^O^-)MG招财鞭炮app 9号彩票平台会洗黑钱吗 (★^O^★)MG热带动物园登陆 (^ω^)MG三重魔力游戏网站 河北快三走势图2号图 fc彩票平台真吗