<form id="8vrow"><tr id="8vrow"></tr></form>

    <em id="8vrow"><object id="8vrow"></object></em>
    <rp id="8vrow"></rp><dd id="8vrow"><track id="8vrow"></track></dd>

  1. 解決iOS10的Safari下Meta設置user-scalable=no無效的方法

    2017-04-25 15:43:21來源:威易網作者:小易

    蘋果為了提高Safari中網站的輔助功能,屏蔽了Meta下的user-scalable=no功能。所以在iOS10下面,就算加上user-scalable=no,Safari瀏覽器也能支持手動縮放。

    蘋果為了提高Safari中網站的輔助功能,屏蔽了Meta下的user-scalable=no功能。所以在iOS10下面,就算加上user-scalable=no,Safari瀏覽器也能支持手動縮放。

    對于很多開發者來說,這是一個悲催的問題,如何解決,這個網上已經有了。用js加監聽事件來阻止手動縮放。

    代碼如下:

    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) 
        }