不懂IOS 如何實(shí)現(xiàn)禁止縮放頁(yè)面？？其實(shí)想解決這個(gè)問(wèn)題也不難，下面讓小編帶著大家一起學(xué)習(xí)怎么去解決，希望大家閱讀完這篇文章后大所收獲。

從事成都服務(wù)器托管，服務(wù)器租用，云主機(jī)，網(wǎng)頁(yè)空間，國(guó)際域名空間，CDN，網(wǎng)絡(luò)代維等服務(wù)。

IOS 禁止縮放頁(yè)面的實(shí)現(xiàn)方法

在ios10前我們能通過(guò)設(shè)置meta來(lái)禁止用戶縮放頁(yè)面：

在ios10系統(tǒng)中meta設(shè)置失效了：

為了提高Safari中網(wǎng)站的輔助功能，即使網(wǎng)站在視口中設(shè)置了user-scalable = no，用戶也可以手動(dòng)縮放。

解決方法：監(jiān)聽(tīng)事件來(lái)阻止

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享IOS 如何實(shí)現(xiàn)禁止縮放頁(yè)面？?jī)?nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問(wèn)題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!