❗ 문제
반응형에서 검색 input을 개발하던 도중 iOS 환경에서 input 태그를 선택하면 자동 zoom-in되는 문제점 발견하였다.
우선 웹뷰에서 화면 확대가 일어나는 경우는 다음과 같다.
- 사용자가 직접 두 손가락으로 화면 확대 축소를 사용하는 경우 (pinch)
- input 태그에 focus가 이동한 경우
- double tap 빠르게 두번 터치한 경우
또한 iOS 환경에서는 <input> 태그의 폰트 크기가 16px보다 작으면 자동으로 zoom-in 된다.
💡 해결
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /><meta> 태그를 위와같이 수정한다.
