🤔 단위? 그냥 px만 쓰면 안 돼요?처음 CSS를 배울 때는 대부분 px(픽셀)만 사용하죠.하지만 실제 웹사이트에서는 다양한 크기와 해상도에 대응하기 위해 %, em, rem 등의 단위를 함께 써야 해요.단위마다 특성이 다르고, 어디에 어떤 단위를 쓰냐에 따라 반응형/가독성/유지보수성까지 영향을 줍니다.✅ 단위별 의미 요약단위의미기준반응형 적합도특징px고정된 픽셀 값고정 크기❌ 낮음가장 직관적이지만 반응형에 불리함%비율부모 요소 기준✅ 좋음유동 레이아웃에 자주 사용em배수 단위부모 요소의 font-size 기준⚠️ 중간계단식으로 값이 커질 수 있음rem루트 배수 단위html의 font-size 기준✅ 안정적전역에서 일관된 스타일 유지 가능 🧪 실전 예시/* px: 고정된 크기 */h1 { font..