728x90
px
-
px, em, rem의 차이점 완벽 정리! 웹 개발에서 꼭 알아야 할 길이 단위Developer 2025. 2. 11. 09:25
1. px, em, rem이란?웹 개발에서 글꼴 크기, 패딩, 마진 등의 길이 단위를 지정할 때 다양한 단위를 사용할 수 있습니다. 그중에서도 px, em, rem은 가장 많이 사용되는 단위입니다.단위설명px고정된 픽셀 단위 (절대 단위)em부모 요소의 폰트 크기를 기준으로 하는 상대 단위rem최상위 html 요소의 폰트 크기를 기준으로 하는 상대 단위각 단위마다 장단점이 다르므로, 상황에 맞게 적절히 사용하는 것이 중요합니다.2. px(픽셀)이란?px(pixel)은 고정된 크기 단위로, 화면의 물리적 픽셀과 1:1로 매핑됩니다. 크기가 변하지 않기 때문에 디자인할 때 정확한 크기 조정이 가능합니다.✅ px의 특징절대적인 크기이므로 환경(해상도, 디바이스 설정)과 관계없이 고정된 크기 유지브라우저 설정에..