DevToolPal
한국어

CSS 단위

vw → px 변환기

뷰포트 너비 단위(vw)을(를) 픽셀(px)(으)로 변환합니다. 1 vw = 19.2 px, 1 px = 0.05208333333 vw입니다.

공식

px = vw × 1920 ÷ 100

변환 방법

뷰포트 너비 단위을(를) 픽셀(으)로 변환하려면 공식 px = vw × 1920 ÷ 100을(를) 사용합니다. 예: 25 vw = 480 px.

변환표

vw px
1 vw 19.2 px
2 vw 38.4 px
5 vw 96 px
10 vw 192 px
25 vw 480 px
50 vw 960 px
75 vw 1,440 px
100 vw 1,920 px

변환표는 뷰포트 너비 1920px 기준입니다. 위 변환기에서 프로젝트에 맞게 설정을 바꿀 수 있습니다.

이 단위에 대해

브라우저는 모든 CSS 길이를 결국 픽셀로 바꿉니다. rem은 루트 글꼴 크기, em은 부모 요소의 글꼴 크기를 기준으로 하며, 페이지나 사용자가 바꾸지 않으면 주요 브라우저에서 둘 다 16px입니다. 1pt는 1/72인치, 1px는 1/96인치이므로 1pt = 1.333px입니다. vw는 뷰포트 너비의 1%라서 픽셀 값은 화면에 따라 달라집니다.

자주 묻는 질문

› vw을(를) px(으)로 어떻게 변환하나요?

1 vw = 19.2 px입니다. 변환하려면 공식 px = vw × 1920 ÷ 100을(를) 사용합니다: 25 vw = 480 px.

› 1 px은(는) 몇 vw인가요?

1 px = 0.05208333333 vw입니다. 반대 방향 공식은 vw = px × 100 ÷ 1920입니다.

› px 대신 rem을 쓰는 이유는?

rem은 사용자가 브라우저에서 설정한 글꼴 크기를 따라가 접근성에 좋고, 루트 값 하나만 바꿔도 전체 레이아웃이 일관되게 조정됩니다.

› rem과 em의 차이는?

rem은 항상 루트(html) 글꼴 크기를 씁니다. em은 부모 요소의 글꼴 크기를 쓰므로 중첩하면 값이 곱해집니다.