px

CSS 단위 변환기

웹 개발용 px, rem, em, vw를 기준 폰트 크기에 맞춰 계산합니다.

단위변환 결과
px
16px
em
1em
rem
1rem
%
100%
pt
12pt
pc
1pc
cm
0.423336cm
mm
4.23336mm
in
0.166667in
vw
0.833333vw
vh
1.48148vh
기준: 1px = 16px | 행 클릭 시 해당 단위로 전환

프론트엔드 개발자의 어느 오후

오후 3시, 디자이너가 새로운 시안을 전달했습니다. 모든 간격과 폰트 크기가 고정된 픽셀로 지정되어 있었습니다. 하지만 모바일과 태블릿, 데스크탑을 모두 지원해야 하는 반응형 웹을 구축하려면 절대 단위를 상대 단위로 변환하는 고된 작업이 필요합니다.

브라우저의 한계를 넘는 기준점

루트 요소의 폰트 크기를 기준으로 작동하는 상대 단위는 접근성을 위해 필수적입니다. 브라우저 설정에 따라 유연하게 늘어나는 레이아웃을 계산기 없이 즉석에서 변환해 주는 도구는 개발자의 퇴근 시간을 앞당겨 줍니다.

크로스 브라우징의 숨은 공신

정확한 소수점 계산으로 기기 화면 크기 변경 시에도 깨지지 않는 단단한 구조를 설계하십시오.