CSS 단위 변환기
px, em, rem, pt, %, vw 간 변환. 정확한 결과를 위해 기본 글꼴 크기와 뷰포트 너비를 설정하세요.
px
px
Pixels (px)
16px
Em (em)
1em
Root Em (rem)
1rem
Points (pt)
12pt
Percent (%)
100%
Viewport Width (vw)
0.8333vw
빠른 참조
1em / 1rem = 16px
1pt = 1.333px
100% = 1em
1vw = 19.20px
온라인에서 CSS 단위를 변환하는 방법
- 1.기본 글꼴 크기(기본값 16px, 대부분의 브라우저와 일치)와 뷰포트 너비(vw 계산용)를 설정합니다.
- 2.숫자 값을 입력하고 입력 단위(px, em, rem, pt, %, vw)를 선택합니다.
- 3.모든 등가 값이 즉시 계산되어 표시됩니다.
- 4.결과 옆의 복사를 클릭하여 클립보드에 복사합니다.
자주 묻는 질문
em과 rem의 차이점은?
둘 다 상대 단위입니다. em은 부모 요소의 글꼴 크기에 상대적이고, rem은 항상 루트(html) 요소 글꼴 크기에 상대적입니다. 컴포넌트 간 일관된 크기 조정을 위해 rem이 일반적으로 선호됩니다.
기본 글꼴 크기가 16px인 이유는?
모든 주요 브라우저는 기본 루트 글꼴 크기로 16px를 사용합니다. CSS에서 재정의하지 않는 한(예: html { font-size: 62.5%; }), 1rem = 16px입니다.
vw 단위는 언제 사용해야 하나요?
vw(뷰포트 너비) 단위는 브라우저 창에 따라 확대/축소되는 반응형 타이포그래피와 레이아웃에 유용합니다. 1vw는 뷰포트 너비의 1%입니다. 매우 작은 뷰포트에서 텍스트를 읽을 수 없게 될 수 있으므로 주의해서 사용하세요.
데이터가 서버로 전송되나요?
아니요. 모든 계산은 브라우저에서 JavaScript를 사용하여 완전히 실행됩니다. 데이터가 전송되거나 저장되지 않습니다.