ios10中禁止Safari瀏覽器用戶縮放頁面

在ios10前我們能通過設置meta來禁止用戶縮放頁面:

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 

在ios10系統中meta設置失效了:
爲了提高Safari中網站的輔助功能,即使網站在視口中設置了user-scalable = no,用戶也可以手動縮放。
解決方法:監聽事件來阻止

window.οnlοad=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)  
}

轉自:http://blog.csdn.net/qq_26744901/article/details/53245006

發佈了86 篇原創文章 · 獲贊 151 · 訪問量 42萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章