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

<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

20221025 Meta og 태그로 카카오톡, sns 공유시 미리보기 만들기 (0)	2022.10.25
20220921 block / inline-block / inline 차이점 (0)	2022.09.21
20220920 position 속성 (0)	2022.09.21
20220916 input에서 글자 수 최대, 최소 지정하기 (0)	2022.09.16
border-style (0)	2022.08.17

<title>코딩공부</title>