CSS 단위 정리 px, %, em, rem, vw, vh 차이와 사용법
웹 개발에서 CSS 단위는 디자인의 일관성과 반응형 웹 구현에 매우 중요한 역할을 한다. 특히 px, %, em, rem, vw, vh는 프론트엔드 개발자가 반드시 이해해야 하는 핵심 단위이다. 이번 글에서는 이 6가지 단위를 각각 비교하고, 언제 어떤 상황에서 사용하면 좋은지 예시와 함께 정리해보고자 한다!1. px (픽셀, pixel)px는 화면상의 고정된 픽셀 단위이다. 1px은 디스플레이의 한 화소(pixel)를 의미한다. 고정 크기가 필요할 때 자주 사용되며, 텍스트, 이미지, 박스 크기를 명확히 지정할 때 유용하다..box { width: 200px; height: 100px; }장점디자인이 브라우저나 해상도와 관계없이 동일하게 표시됨예측 가능성이 높음단점반응형 디자인에 불리함고해상도 디스플레..
