请输入数字
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 使用父元素的字号,嵌套时会层层叠乘。