解決iOS10下Meta設置user-scalable=no無效問題
阿新 • • 發佈:2018-12-24
eve date() ble ner listener () pan 進行 tde
蘋果為了提高Safari中網站的輔助功能,屏蔽了Meta下的user-scalable=no功能
所以在iOS10下面,就算加上user-scalable=no,Safari瀏覽器也能支持手動縮放
解決這個問題的辦法可以用Js監聽來阻止手動進行縮放
以下是代碼
//通過touchstart和touchend 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) }
解決iOS10下Meta設置user-scalable=no無效問題