CSS 표현 단위

 

픽셀

 

스크린의 픽셀(pixel)을 기준으로 하는 크기

 

% - 상대적 백분율

 

요소에 지정된 사이즈를 기준으로 해서 상대적인 크기

 

em - 요소의 글꼴 크기

 

하나의 기본적인 글꼴 크기가 1em을 기준으로 배수 단위로 하는 크기

 

rem - 루트 요소(html)의 글꼴

 

최상위 요소(html)의 사이즈를 기준으로 배수 단위로 하는 크기

 

vw - 뷰포트 가로 너비의 백분율
vh - 뷰포트 세로 너비의 백분율

 

참고문서 : poiemaweb.com/css3-units

CSS3 Units | PoiemaWeb