[HTML] 반응형의 시작 뷰포트

<meta name="viewport" content="width=device-width,initial-scale=1">

 

viewport

웹페이지가 보여지는 영역을 뜻하며, 당연히 기기별로 다름

 

width

viewport의 가로사이즈, device-width는 보여지는 기기의 가로사이즈

 

initial-scale

웹페이지가 로딩될때 초기 확대 비율

 

추가속성

user-scalable

사용자의 축소/확대 허용 여부. 초기값은 yes며, no로 금지 가능

 

minimum-scale

뷰포트의 최소 배율값 (0~10)

 

maximum-scale

뷰포트의 최대 배율값 (0~10)