[CSS] 단위 정리

px

- 디바이스 화면의 최소 단위

 

rem

- 문서의 최상위 요소(html 태그)에 정의되어 있는 font-size를 기준으로 크기 정함

- 브라우저 기본 설정은 16px, 10px로 변환하여 계산하기 쉽게 사용 가능

em

- 부모 요소의 글꼴 크기

- 중첩 단계가 깊어질수록 계산 어려워짐

- 반응형 웹에서 사용시 주의

%

- 백분율 단위로 지정된 사이즈 기반해 상대적 크기 가짐

- 요소의 너비나 높이 조절시 사용

 

 

 

출처

청년취업사관학교