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。

› 为什么用 rem 而不用 px?

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

› rem 和 em 有什么区别?

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