[용어 정리] 뷰포트의 기본(meta name="viewport" content="width=device-width, user-scalable=no")
[용어 정리] 뷰포트의 기본 <meta name="viewport" content="width=device-width, user-scalable=no"> 모바일로 최적화된 사이트는 일반적으로 다음과 같은 태그를 포함한다. width 뷰포트 크기를 조절 특정한 숫자를 사용해 width=600 이라고 할 수도 있고 device-width 와 같은 특정한 값 사용 가능 device-width : 100%스케일에서 CSS픽셀들로 계산된 화면의 폭을 의미 (뷰 포트의 높이에 따라 크기와 위치가 변하는 요소들로 이루어진 페이지의 경우 상응하는 height 와 device-height 값들을 유용하게 사용 가능) initial-scale 페이지가 처음 로드될 때 줌 레벨을 조정함 maximum-scale , minimum-scale , 그리고 user-scalable 속성들은 사용자가 얼마나 페이지를 줌-인, 줌-아우트 할 수 있을지 조정함 출처 : https://developer.mozilla.org/ko/docs/Mozilla/Mobile/Viewport_meta_tag