CSS 단위 변환기
px, em, rem, %, vw, vh 등 다양한 CSS 단위를 상호 변환합니다
변환 설정
변환 결과
px
16
절대 단위, 화면의 물리적 픽셀
em
1
상대 단위, 부모 요소의 글꼴 크기 기준
rem
1
상대 단위, 루트 요소의 글꼴 크기 기준
%
100
상대 단위, 부모 요소의 크기 기준
vw
0.8333
뷰포트 너비의 1%
vh
1.481
뷰포트 높이의 1%
vmin
1.481
뷰포트 최소 너비/높이의 1%
vmax
0.8333
뷰포트 최대 너비/높이의 1%
pt
12
절대 단위, 1pt = 1/72 인치
pc
1
절대 단위, 1pc = 12pt
in
0.1667
절대 단위, 1in = 96px
cm
0.4233
절대 단위, 1cm = 37.8px
mm
4.233
절대 단위, 1mm = 3.78px
사용 가이드
상대 단위: em, rem, %는 다른 요소의 크기에 상대적입니다.
뷰포트 단위: vw, vh, vmin, vmax는 브라우저 창 크기에 상대적입니다.
절대 단위: px, pt, pc, in, cm, mm은 고정된 크기입니다.
팁: 반응형 디자인에는 rem, em, vw, vh 등 상대 단위를 사용하는 것이 좋습니다.