[CSS] px, em, rem 완벽 정리: 도대체 무엇을 써야 할까? (차이점과 실무 팁)
웹 퍼블리싱이나 프론트엔드 공부를 시작하면 가장 먼저 마주치는 난관이 있습니다. 바로 **'단위'**입니다. 포토샵이나 일러스트레이터에서는 px(픽셀)이나 pt(포인트)만 쓰면 됐는데, 코딩을 하려니 rem, em, %, vw 등 낯선 단위들이 쏟아집니다.특히 **"반응형 웹을 만들려면 px 쓰지 마세요"**라는 말을 많이 들어보셨을 텐데요. 오늘은 가장 헷갈리는 3대장, px, em, rem의 차이점과 실무에서 어떻게 구분해서 써야 하는지 확실하게 정리해 드리겠습니다.1. 절대적인 존재, px (Pixel)px는 우리가 가장 익숙한 단위입니다. 모니터 화면의 점 하나(Pixel)를 기준으로 하는 **'절대 단위'**입니다.특징: 부모 태그의 크기나 브라우저의 설정과 상관없이 항상 고정된 크기를 가집니다..
2025. 12. 2.
