테스트 사이트 - 개발 중인 베타 버전입니다

모바일 뷰포트 확대 방지 관련.. 채택완료

광깔 5년 전 조회 4,118

메타태그를 

/head.sub.php 파일에 적용을 해주었는데

</p>

<p><meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"></p>

<p>

 

안드로이드폰에서는 확대 방지가 되는데..

iOS에서는 확대가 되네요.. 검색해보니 iOS에서는 user- 이 메타태그를 써도

확대가 된다고 그래서 ..

 

</p>

<p>document.documentElement.addEventListener('touchstart', function (event) { </p>

<p>                if (event.touches.length > 1) { </p>

<p>                    event.preventDefault(); </p>

<p>                }</p>

<p>            }, false);</p>

<p>

스크립트 소스를 넣어줬는데도 확대가 되서요..

혹시 이거 말고 다른 방법이 또 있나요 ...?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

일부러 확대되도록 한거라서,, 스크립트로는 못 막을거에요.

(시각적으로 확대하지 않으면 못보는 사람들을 위해서..)

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

광깔
5년 전
아.. 그렇군요 ...ㅠ 답변 감사합니다 !!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인