WATCHA 개발 지식 — px | em | rem

이 글은 프론트엔드 개발자에게 필수적인 CSS 단위인 px, em, rem에 대해 설명합니다. 각 단위의 특징과 사용법을 비교하며, 특히 반응형 웹 디자인에서 요소 크기 조절 시 유용성을 강조합니다.

px는 고정된 픽셀 값을, em은 부모 요소의 폰트 크기에 비례하는 값을, rem은 루트 요소(html)의 폰트 크기에 비례하는 값을 사용합니다. 이러한 단위들을 적절히 활용하면 다양한 화면 크기에서도 일관되고 유연한 레이아웃을 구현할 수 있습니다.

웹 성능과 접근성 측면에서도 단위 선택의 중요성을 시사합니다.