viewport meta tag 를 살펴보세요.

보통 viewport 메타는 이렇게 적혀있는게 정상인데,

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

모바일 페이지가 확대되는 걸 방지하기 위해

user-scalable=0″

을 추가해서 사진이나 form 이 확대 되는걸 방지하는 경우가 많습니다.

이렇게 하는 가장 큰 이유가, 페이지가 확대 됨으로 해서 레이아웃이 깨지는 걸 막기위함도 있지만, 그 것 보다, 앤드로이드나 아이폰 둘다, form 에서 input 이 focus 되면 화면이 확대되는 기능이 있는데, 이 기능을 막기 위해서 입니다.

모바일 페이지 짤때, user sale 을 false 로 잡으면 간단 무식하고 편하긴 한데, 님과 같은 사용자가 불편을 겪는 일도 생기는거죠.

그걸 제대로 잡으려면 자스 (javascript) 으로 element 들을 일일히 통제를 해줘야 하는데, 어느 세월에 그걸하고 있냐구요.

그쵸?

그러니까 아예 확대기능 자체를 막는 겁니다.

Matthew Park

Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.

Lives in Colorado.