웹아틀리에 - Web atelier

[iOS10]모바일 뷰포트메타태그에서 줌 불가능 설정이 듣지 않을때! 본문

IT-웹 Front end/이슈 & 버그

[iOS10]모바일 뷰포트메타태그에서 줌 불가능 설정이 듣지 않을때!

네루펜 2016. 9. 21. 17:22

[iOS10] 모바일 웹 줌 막기


최근 iOS10이 나오면서 생긴 이슈가 하나 있네요.
보통 모바일 웹에는 뷰포트 메타태그를 설정하죠?
뷰포트는 웹 사이트를 모바일에서도 보기 편하도록 만들어줘서 필수로 적용들 하죠.


이 태그로 웹을 확대하거나 축소하는 것을 막아두는곳이 꽤 많은데요, 이번 iOS10에서는 이게 제대로 적용되지 않는다고 하네요.

그럴때, 바로 자바스크립트를 이용하는 방법이 있습니다.

터치 이벤트를 받아 터치되는 손가락의 갯수를 구한 뒤 1개보다 많다면 터치이벤트를 작동하지 않게 하는 스크립트 입니다.

모쪼록 이번에 당황하고 계실 퍼블리셔 분들이 많으실것 같아 올려봅니다.


공유하기 링크
Comments