CSS - 단위

- px, % -

-

em

; 자신(혹은 부모에게 상속받은) 요소의 font-size 의 영향을 받음. 

*font-size: 10px 일 경우 2em 은 20px.

rem

; 최상위 부모 요소인  html 태그의 font-size 영향을 받음. 

*html태그의 font-size 를 설정하지 않을 경우 브라우저의 기본 폰트 크기가 기준.

-

vw, vh

; viewport width, height 값.

 

vmin, vmax

; viewport 의 width 와 height 를 비교해서 작은 값은 vmin, 큰 값은 vmax.