모바일로 웹에 접속하여 input을 터치하였을 때 줌 인되는 것을 방지해 주는 코드입니다.
html에 meta 태그를 추가해 줍니다.
react 같은 경우 index.html에 추가합니다.
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />정리하자면 이렇습니다.
- initial-scale=1.0 // 초기 크기를 설정합니다.
- user-scalable=no // 확대 기능을 사용하지 않습니다.
- maximum-scale=1 // 최대 배율, 크기를 설정합니다.
- width=device-width // 화면이 표현하는 사이즈를 디바이스 사이즈에 맞춥니다.
'Front-end > JS tip' 카테고리의 다른 글
| javascirpt object 자르기, index 제한 (0) | 2022.01.05 |
|---|---|
| javascript object 특정 값 삭제, delete 연산자 (0) | 2022.01.05 |
| javascript 배열 자르기 slice(), splice() (0) | 2022.01.05 |
| Local Storage, Session Storage 사용하기 (0) | 2021.12.12 |
| IOS에서 날짜가 NaN으로 나타나는 에러 (0) | 2021.11.20 |