蘋果為了提高Safari中網(wǎng)站的輔助功能,屏蔽了Meta下的user-scalable=no功能。所以在iOS10下面,就算加上user-scalable=no,Safari瀏覽器也能支持手動(dòng)縮放。
對于很多開發(fā)者來說,這是一個(gè)悲催的問題,如何解決,這個(gè)網(wǎng)上已經(jīng)有了。用js加監(jiān)聽事件來阻止手動(dòng)縮放。
代碼如下:
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)
}