<label id="kdrfs"><p id="kdrfs"><pre id="kdrfs"></pre></p></label>
  • <meter id="kdrfs"></meter>
    <meter id="kdrfs"></meter>

    <cite id="kdrfs"></cite>

    1. <menu id="kdrfs"><s id="kdrfs"><pre id="kdrfs"></pre></s></menu>
    2. <meter id="kdrfs"><font id="kdrfs"></font></meter>

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

      世界杯买球网址