[CSS] CSS 단위(unit) : vw

CSS units(단위들)의 종류로는 유명한 px, cm, %, em, vh 이런 단위들이 있습니다. 오늘은 이러한 CSS 단위들 중 하나인 vw에 대해 소개하겠습니다. vw는 뷰포트* 너비의 퍼센트 만큼의 크기로 글자를 지정해 주는 것인데요, 이와 비슷하게 vh는 뷰포트의 높이의 퍼센트 만큼의 크기로 글자크기를 지정해줍니다.

 

세상에는 휴대폰 기종부터 태블릿, 패드, 노트북에 이르기까지 다양한 크기의 컴퓨터가 존재합니다. 그런 컴퓨터 위에서 동작하는 웹이 모든 기종에서 적당하고 조화로운 글자와 이미지의 크기롤 보여지기 위해서는 뷰포트의 값에 따라 유연하게 크기가 변경되는 단위를 사용하는 것이 좋을 것입니다.

 

 

*뷰포트 : 사용자에게 보이는 브라우저 크기

---

https://www.w3schools.com/cssref/css_units.asp