모바일에서 input 컴포넌트 클릭 시 자동으로 화면이 확대될 경우 해결 방법은 메타데이터 내 user-scalable=no 를 설정하면 된다.
CRA로 생성한 리액트 프로젝트 기준으로 다음과 같이 index.html 파일 내 viewport 메타 데이터 정보가 존재한다.
<meta name="viewport" content="width=device-width, initial-scale=1 />
여기에 user-scalable=no 를 추가하면 간단하게 문제를 해결할 수 있다.
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />'React' 카테고리의 다른 글
| [React] yarn build 후 배포한 페이지에서 tailwind.config.js 에 정의한 커스텀 컬러가 적용되지 않을 때 해결 방법 (0) | 2021.04.06 |
|---|---|
| [React] Github Pages로 리액트 프로젝트 무료 호스팅하기 (0) | 2020.03.31 |
| [React] (번역) 2020년 리액트 개발자 로드맵 - 모던 프런트엔드 웹 개발자가 되기 위한 가이드 (0) | 2020.01.27 |