在ios10前我們能通過設定meta來禁止使用者縮放頁面:
在ios10系統中meta設定失效了:
為了提高Safari中網站的輔助功能,即使網站在視口中設定了user-scalable = no,使用者也可以手動縮放。
解決方法:監聽事件來阻止
window.onload=function () {
document.addEventListener('touchstart',function (event) {
if(event.touches.length>){
event.preventDefault();
}
})
var lastTouchEnd=;
document.addEventListener('touchend',function (event) {
var now=(new Date()).getTime();
if(now-lastTouchEnd<=){
event.preventDefault();
}
lastTouchEnd=now;
},false)
}
轉自:http://blog.csdn.net/qq_26744901/article/details/53245006