ViewPort (뷰포트)

 

 

ViewPort : 사용자가 볼 수 있는 웹페이지 공간

 

Viewport  의 표시 영역은 장치별로 다르다.

 

 

뷰포트를 제어하기위해서는 모든 웹페이지에 아래 요소를 포함시켜야한다.

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

 

이 부분은 장치의 화면 너비를 따를 수 있도록 페이지 너비를 설정함

width=device-width

 

이 부분은 페이지가 브라우저에 처음 로드 될 때 초기 확대/축소 수준을 설정함

initial-scale=1.0

 

 

추가 규칙 

https://www.w3schools.com/css/css_rwd_viewport.asp