DevToolPal
简

CSS 单位

px转vw换算器

把像素(px)换算成视口宽度单位(vw)。1 px = 0.05208333333 vw,1 vw = 19.2 px。

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。

› 为什么用 rem 而不用 px?

rem 会跟随用户在浏览器里设置的字号缩放,对无障碍更友好;只改一个根字号,整个布局就能按比例调整。

› rem 和 em 有什么区别?

rem 始终使用根元素(html)的字号;em 使用父元素的字号,嵌套时会层层叠乘。