1. 程式人生 > >解決iOS10下Meta設置user-scalable=no無效問題

解決iOS10下Meta設置user-scalable=no無效問題

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無效問題