IOS 페이지 크기 조정 금지 구현 방법

IOS 페이지 크기 조정 금지 구현 방법
ios 10 전에 사용자 의 페이지 크기 조정 을 금지 하기 위해 meta 를 설정 할 수 있 습 니 다.

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 
ios 10 시스템 에서 meta 설정 이 실 효 했 습 니 다:
Safari 에서 사이트 의 보조 기능 을 향상 시 키 기 위해 사이트 가 시각 에 user-scalable=no 를 설정 하 더 라 도 사용 자 는 수 동 으로 크기 를 조정 할 수 있 습 니 다.
해결 방법:감청 사건 으로 막 기

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) 
  } 
이상 은 IOS 사용자 의 페이지 크기 조정 을 금지 하 는 실현 방법 입 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남기 거나 본 사이트 의 커 뮤 니 티 에 가서 토론 을 교류 하 십시오.읽 어 주 셔 서 감사합니다. 여러분 께 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기