请输入数字
1 rem = 16 px
在PX 转 REM 换算中打开公式
px = rem × 16
换算方法
把rem换算成像素时,将数值乘以 16。例如 2 rem = 32 px。
换算表
| rem | px |
|---|---|
| 0.25 rem | 4 px |
| 0.5 rem | 8 px |
| 0.75 rem | 12 px |
| 0.875 rem | 14 px |
| 1 rem | 16 px |
| 1.25 rem | 20 px |
| 1.5 rem | 24 px |
| 2 rem | 32 px |
| 2.5 rem | 40 px |
| 3 rem | 48 px |
| 4 rem | 64 px |
换算表按基准字号 16px计算。可以在上方换算器里修改设置,与你的项目保持一致。
关于这些单位
浏览器最终会把所有 CSS 长度换算成像素。rem 相对于根元素字号,em 相对于父元素字号;除非页面或用户修改,主流浏览器默认都是 16px。1pt 是 1/72 英寸,1px 是 1/96 英寸,所以 1pt = 1.333px。vw 是视口宽度的 1%,对应的像素值取决于屏幕宽度。
常见问题
› rem 怎么换算成 px?
1 rem = 16 px。换算时将数值乘以 16:2 rem = 32 px。
› 1 px 等于多少 rem?
1 px = 0.0625 rem。反向换算公式是 rem = px ÷ 16。
› 为什么用 rem 而不用 px?
rem 会跟随用户在浏览器里设置的字号缩放,对无障碍更友好;只改一个根字号,整个布局就能按比例调整。
› rem 和 em 有什么区别?
rem 始终使用根元素(html)的字号;em 使用父元素的字号,嵌套时会层层叠乘。