모바일에서 input 입력 시 자동 확대되는 문제

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />

모바일과 PC 버전의 분기엔 장점도 있지만, 나는 보통 미디어 쿼리를 사용해서 한 스타일 시트 파일에 모바일과 PC 버전을 전부 설정하는 걸 좋아한다(ㅋㅋㅋ). 홈페이지가 단순할 땐 너무나 간편한 방법이지만 수레무대처럼 다양한 역할을 겸한 복잡한(!) 도서관 같은(!!) 홈페이지엔 모바일/PC 분기도 괜찮은 방법인 듯. 물론 이 홈페이지는 미디어 쿼리를 사용했다. 모바일 페이지 설정 중 가장 기본이고 중요한 건 메타 뷰포트라고 생각한다. 이것도 옵션을 많이 알아둬야 필요할 때 쓸 수 있다...