prevent zooming when the input focus on mobile

Prevents zooming when the input area is focused on mobile

모바일 인풋 포커스 클릭시 화면 확대 방지하기

 

‌모바일에서 인풋 영역 포커스 또는 클릭시 화면이 자동으로 확대되는 현상이 있다.

모바일 브라우저가 확대되는 이유는 사용자가 읽을 수 있도록 텍스트를 더 크게 만들기 위해서라고 한다.

 

이 현상을 막기 위해서는 미디어쿼리를 사용해 해당 엘리먼트의 폰트사이즈를 충분히 크게 설정해주면 된다.

font-size: 16px;