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

메타태그를 

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

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

 

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

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

확대가 된다고 그래서 ..

 

Copy
document.documentElement.addEventListener('touchstart', function (event) { 

                if (event.touches.length > 1) { 

                    event.preventDefault(); 

                }

            }, false);

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

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

답변 1개

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

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

 

 

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

답변에 대한 댓글 1개

아.. 그렇군요 ...ㅠ 답변 감사합니다 !!

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

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

로그인
🐛 버그신고