뷰포트

뷰포트가 뭐에요?

ViewPort??

웹페이지가 브라우저 화면상에서 실제로 표시되는 영역

• 반응형에 나오는 개념인 듯?

• html에서 head요소의 자식요소인 meta요소를 사용하여 설정할 수 있음

뷰포트 속성

• width : viewport 가로길이, 숫자 or device-width 같은 같이 들어감
  device-width는 100%스케일에서 css픽셀들로 계산된 화면폭을 의미

• height : viewport 세로 크기 조정

• initial-scale : 페이지가 처음 로딩될 때 줌 레벨 조정 값이 1인 경우 기기 종속적인 픽셀간 1:1관계 형성

• minimum-scale : viewport의 최소 배율값 , 기본값 0.25

• maxmum-scale : viewport의 최대 배율값, 기본값 1.6

• user-scalable : 사용자의 확대 / 축소 기능을 설정, 기본은 yes
  참고
  참고
  참고