DevToolPal
简

CSS 单位

px转rem换算器

把像素(px)换算成rem(rem)。1 px = 0.0625 rem,1 rem = 16 px。

公式

rem = px ÷ 16

换算方法

把像素换算成rem时,将数值除以 16。例如 32 px = 2 rem。

换算表

px rem
1 px 0.0625 rem
2 px 0.125 rem
4 px 0.25 rem
8 px 0.5 rem
10 px 0.625 rem
12 px 0.75 rem
14 px 0.875 rem
16 px 1 rem
18 px 1.125 rem
20 px 1.25 rem
24 px 1.5 rem
32 px 2 rem
48 px 3 rem
64 px 4 rem

换算表按基准字号 16px计算。可以在上方换算器里修改设置,与你的项目保持一致。

关于这些单位

浏览器最终会把所有 CSS 长度换算成像素。rem 相对于根元素字号,em 相对于父元素字号;除非页面或用户修改,主流浏览器默认都是 16px。1pt 是 1/72 英寸,1px 是 1/96 英寸,所以 1pt = 1.333px。vw 是视口宽度的 1%,对应的像素值取决于屏幕宽度。

常见问题

› px 怎么换算成 rem?

1 px = 0.0625 rem。换算时将数值除以 16:32 px = 2 rem。

› 1 rem 等于多少 px?

1 rem = 16 px。反向换算公式是 px = rem × 16。

› 为什么用 rem 而不用 px?

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

› rem 和 em 有什么区别?

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