20220923 모바일 창에서 input 클릭 시 확대 방지

FA/html／css

🍍🍍림 2022. 9. 23. 21:35

<head>여기에 넣기~</head> meta 태그를 추가 (react 같은 경우 index.html에 추가)

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" >

viewport 속성

width=device-width	화면 너비를 기계 너비로 맞춤
initial-scale=1.0	초기 화면 크기 배율 설정
minimum-scale=1	최소 화면 크기 설정
maximum-scale=1	최대 화면 크기 설정
user-scalable=no	사용자가 화면 확대/축소 가능 여부 설정
target-densitydpi=device-dpi	해당도를 기기에 맞춤 설정

참고 및 출처

Viewport meta tag - HTML: HyperText Markup Language | MDN

This article describes how to use the "viewport" <meta> tag to control the viewport's size and shape.

developer.mozilla.org