px/rem换算 - MyTools在线工具

根字号 root:

双向换算

rem（基于根字号16px）

em（上下文字号16px）

上下文字号（px，供 em 换算）

rem → px

结果（px）

CSS 批量转换（px → rem）跳过 1px 细线

输入 CSS输出（替换5处，阈值 ≥2px）

最小替换阈值:

常用值速查（随根字号联动）

12px0.75rem

14px0.875rem

16px1rem

18px1.125rem

20px1.25rem

24px1.5rem

32px2rem

40px2.5rem

48px3rem

64px4rem

80px5rem

96px6rem

使用说明

rem 相对根元素字号（html 的 font-size，浏览器默认 16px），em 相对当前元素的字号。批量转换默认跳过小于阈值的值，避免把 1px 边框也换成小数 rem。

px/rem/em 换算工具：按根字号基准互算三种长度单位，支持 CSS 代码批量替换，响应式适配与设计稿还原的常备工具。

适用场景

rem 相对根元素（html）的 font-size，全局统一；em 相对父元素（准确说当前元素继承）的 font-size，会层层叠加。全局栅格用 rem，组件内随文缩放才用 em。

常见基准 16px（浏览器默认）或 62.5%（即 10px，方便口算：16px = 1.6rem）。移动端方案常用 rem 配合 viewport 缩放做整体适配。