[TIL] CSS에서 사용되는 단위의 종류와 특징

CSS에서 사용되는 단위

px

- 화면의 크기와 무관하게 픽셀 단위로 지정
- 정확한 크기를 표현할 때 사용

vh, vw

- 뷰포트의 크기를 기준으로 상대적인 크기를 지정
- 레이아웃을 유동적으로 유지할 때 유용하다.

%

- 부모 요소의 크기에 따라 크기가 결정
- 반응형 레이아웃에서 많이 사용

rem, em

- 폰트 크기를 지정할 때 사용
- rem은 루트 요소의 폰트 크기에 영향을 받음.
- em은 상위 요소의 폰트 크기에 영향을 받음.