[CSS] 크기 단위

em, rem

상대적인 크기를 지니는 단위다.

• em
  em은 현재 요소에 지정하는 글자 크기 단위다. em 단위를 쓰면 부모 요소에서 지정한 글자 크기를 기준으로 배율을 조정한다. 3em은 부모 요소의 글자크기의 3배란 의미다.

• rem (root em)
  HTML의 root 요소인 html을 가리키며, 이 요소에 지정된 크기를 기준으로 상대적인 값을 가지게 된다는 말이다.

viewport 단위 (vh, vw)

뷰포트란 웹페이지에서 실제로 표시되는 영역이다

• vw: viewport 너비의 1/100
• vh: viewport 높이의 1/100

100vw, 100vh는 보이는 화면을 말한다.