숫자를 입력하세요
1 px = 0.05208333333 vw
PX → REM 변환기에서 열기공식
vw = px × 100 ÷ 1920
변환 방법
픽셀을(를) 뷰포트 너비 단위(으)로 변환하려면 공식 vw = px × 100 ÷ 1920을(를) 사용합니다. 예: 32 px = 1.666666667 vw.
변환표
| px | vw |
|---|---|
| 1 px | 0.05208333333 vw |
| 2 px | 0.1041666667 vw |
| 4 px | 0.2083333333 vw |
| 8 px | 0.4166666667 vw |
| 10 px | 0.5208333333 vw |
| 12 px | 0.625 vw |
| 14 px | 0.7291666667 vw |
| 16 px | 0.8333333333 vw |
| 18 px | 0.9375 vw |
| 20 px | 1.041666667 vw |
| 24 px | 1.25 vw |
| 32 px | 1.666666667 vw |
| 48 px | 2.5 vw |
| 64 px | 3.333333333 vw |
변환표는 뷰포트 너비 1920px 기준입니다. 위 변환기에서 프로젝트에 맞게 설정을 바꿀 수 있습니다.
이 단위에 대해
브라우저는 모든 CSS 길이를 결국 픽셀로 바꿉니다. rem은 루트 글꼴 크기, em은 부모 요소의 글꼴 크기를 기준으로 하며, 페이지나 사용자가 바꾸지 않으면 주요 브라우저에서 둘 다 16px입니다. 1pt는 1/72인치, 1px는 1/96인치이므로 1pt = 1.333px입니다. vw는 뷰포트 너비의 1%라서 픽셀 값은 화면에 따라 달라집니다.
자주 묻는 질문
› px을(를) vw(으)로 어떻게 변환하나요?
1 px = 0.05208333333 vw입니다. 변환하려면 공식 vw = px × 100 ÷ 1920을(를) 사용합니다: 32 px = 1.666666667 vw.
› 1 vw은(는) 몇 px인가요?
1 vw = 19.2 px입니다. 반대 방향 공식은 px = vw × 1920 ÷ 100입니다.
› px 대신 rem을 쓰는 이유는?
rem은 사용자가 브라우저에서 설정한 글꼴 크기를 따라가 접근성에 좋고, 루트 값 하나만 바꿔도 전체 레이아웃이 일관되게 조정됩니다.
› rem과 em의 차이는?
rem은 항상 루트(html) 글꼴 크기를 씁니다. em은 부모 요소의 글꼴 크기를 쓰므로 중첩하면 값이 곱해집니다.