CSS 단위를 즉시 변환하세요. px, rem, em, vw, vh, %, pt, cm, mm, in 상호 변환. 루트 폰트 크기, 뷰포트 크기 기준값 설정 지원.
rem은 루트(<html>) 요소의 폰트 크기를 기준으로 합니다. 기본 루트 폰트 크기는 보통 16px입니다. 변환 공식: rem = px ÷ 루트 폰트 크기. 예를 들어 24px ÷ 16 = 1.5rem입니다. 반대로 rem → px는 rem × 루트 폰트 크기 = px입니다.
vw(viewport width)는 뷰포트 너비의 1%를 의미합니다. 100vw = 전체 화면 너비. vh(viewport height)는 뷰포트 높이의 1%입니다. 100vh = 전체 화면 높이. 반응형 웹 디자인에서 화면 크기에 비례하는 레이아웃을 만들 때 유용합니다.
rem은 루트(<html>) 요소의 폰트 크기를 기준으로 하여 항상 일정한 기준점을 가집니다. em은 현재 요소 또는 부모 요소의 폰트 크기를 기준으로 합니다. 요소가 중첩될수록 em 값이 누적되어 복잡해질 수 있습니다. 일반적으로 전역 스타일에는 rem, 컴포넌트 내부에는 em을 권장합니다.
CSS 단위 변환기는 px, rem, em, vw, vh, %, pt, cm, mm, in 등 10가지 CSS 단위를 즉시 상호 변환해주는 웹 개발 도구입니다. 반응형 웹 디자인을 구현할 때 픽셀 단위의 디자인 시안을 rem이나 vw 기반의 유연한 레이아웃으로 변환하거나, 루트 폰트 크기와 뷰포트 크기를 기준값으로 설정하여 정확한 변환 결과를 얻을 수 있습니다.