CSS 단위 px em rem vw vh 비교

CSS에서 사용하는 다양한 크기 단위의 특징과 적절한 사용 상황을 비교합니다.

절대 단위 px

픽셀은 화면의 기본 단위로 고정 크기에 적합합니다.

상대 단위 em rem

폰트 크기에 상대적인 단위로 유연한 디자인에 활용됩니다. 색상 변환은 색상 변환기가 유용합니다.

뷰포트 단위 vw vh

뷰포트 크기에 비례하는 단위로 반응형 레이아웃에 효과적입니다.