ConvertThemAll

PX转REM换算器

根据根字号,在CSS像素与rem之间换算。

公式 屏幕与设计
px

px

除非网页或用户另行设置,浏览器默认为16 px。

REM

REM: 1.5 rem

磅
18 pt
占根字号的百分比
150 %

工作原理

一个rem等于根html元素的字号,在浏览器中默认为16 px。将像素值除以根字号即得rem;将rem乘以根字号即得像素。

em的计算方式相同,但它相对于父元素的字号,因此只有当父元素使用根字号时,em才等于rem。

在CSS中,1 px定义为1/96英寸,1 pt定义为1/72英寸,因此1 px = 0.75 pt。

公式

rem = px ÷ 根字号
px = rem × 根字号
pt = px × 0.75

示例计算

以默认的16 px为根字号,24 px即 24 ÷ 16 = 1.5 rem,相当于18 pt,且为根字号的150%。

常见问题

为什么使用rem而不是px?

当用户更改浏览器的默认字号时,rem尺寸会随之缩放,有助于提升无障碍访问体验。

rem与em有何区别?

rem相对于根元素;em则相对于当前元素的父元素,因此嵌套的em值会逐层叠加。