PX转REM换算器
根据根字号,在CSS像素与rem之间换算。
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值会逐层叠加。