CSS 단위 변환기
루트 폰트 크기, 뷰포트 너비, 부모 요소 크기를 구성하여 CSS 단위를 실시간으로 변환합니다. 모든 필드가 서로 연동됩니다. 업로드 없음.
root 크기, viewport 폭, parent 크기 가정을 지정해 px, rem, em, vw, vh, pt, pc, % 사이의 값을 환산합니다.
CSS 단위 변환 방법
- 필요하면 root font size, viewport width, parent size를 기본값에서 바꿉니다.
- 지원되는 아무 단위 칸에 값을 입력합니다.
- 다른 모든 단위 칸에 계산된 값을 확인합니다.
변환 가정
rem은 root size를, em과 %는 parent size를, vw는 viewport width를 기준으로 합니다.
vh는 실제 화면 높이가 아니라 입력한 viewport width의 75%를 높이라고 가정한 근사값입니다. pt는 96 CSS px/inch, pc는 16px 기준입니다.
개인정보와 제한
모든 변환은 브라우저에서 처리됩니다. 결과는 입력한 가정값에 따른 산술 환산이며 현재 페이지의 실제 computed font size나 실제 viewport height를 측정하지 않습니다.
CSS 단위 변환 자주 묻는 질문
어떤 단위를 지원하나요?
px, rem, em, vw, vh, pt, pc, %를 지원합니다.
rem은 무엇을 기준으로 하나요?
root size 입력값을 기준으로 합니다.
em과 %는 무엇을 기준으로 하나요?
parent size 입력값을 기준으로 합니다.
vh는 실제 브라우저 높이를 쓰나요?
아니요. viewport width × 0.75로 높이를 근사합니다.
브라우저 결과와 다를 수 있나요?
네. 실제 CSS는 계산된 폰트 크기와 실제 viewport에 따라 달라집니다.