DevTulz Online

PX ↔ REM 换算工具

px

PX → REM

px

REM → PX

rem

参考表

px rem em

PX 和 REM 有什么区别?

PX(像素)是绝对单位——始终以相同的物理尺寸渲染。REM(root em)是相对单位,基于根元素的字体大小(浏览器通常默认为 16px)。使用 REM 可以更轻松地构建无障碍、可扩展的布局,同时尊重用户的字体大小偏好。

如何使用 PX 转 REM 换算工具

  1. 设置基础字体大小(默认值为 16px——与大多数浏览器一致)。

  2. 输入像素值,查看对应的 REM 值。

  3. 或输入 REM 值,将其换算回像素。

  4. 使用下方的参考表,快速查看常用尺寸的换算结果。

计算公式:rem = px ÷ 基础字体大小。以默认 16px 为基准:1rem = 16px,0.5rem = 8px,1.5rem = 24px。所有计算均在浏览器中即时完成。

Keywords: px转rem, rem转px, 像素换算rem, CSS单位换算, 字体大小换算, 响应式设计, rem计算器