ios input focus zoom 해결

ios 환경에서 input을 클릭했을 때, 즉 focus 상태일 때 자동으로 확대되는 문제가 있었다.
검색해보니 input의 fontsize가 16px보다 작을 경우 Zoom-in 이 된다고 한다.

해결

• font-size를 16px 이상으로 설정
• font-size를 16px로 설정한 뒤, scale 속성을 통해 사이즈 축소
• meta tag 적용

세가지 방법이 있었는데, 스택오버플로우를 참고한 meta tag를 적용해서 해결했다.

    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1"
    />

이렇게 적용해줬더니 더이상 auto zoom-in 효과는 적용되지 않았다.