REM 转 PX 转换器

本工具可将 rem 值转换回像素，是 px 转 rem 的逆运算，对于检查基于 rem 的设计极为有用：输入一个 rem 值，设置你的根字号，便能立刻看到它究竟渲染为多少像素。这让验证间距、核对计算尺寸以及交付精确规格都变得轻松。

在标准根字号 16px 下，1rem = 16px。如果你的项目使用了不同的 html font-size，请相应设置基准以获得准确的像素结果。

何时需要从 REM 得到 PX

检查计算尺寸

将他人样式表中的 rem 值换算成像素，以了解它实际渲染出的大小。

像素级交付

为设计师和测试提供从你的 rem 体系推导出的精确像素尺寸。

匹配设计资源

确认某个 rem 值与图标、图片或 1px 边框等固定像素资源对齐。

如何将 REM 转换为 PX

1

设置根字号

在基准字号字段中输入你项目的根（html）font-size。默认 16px 与浏览器标准基准一致。

2

输入 REM 值

选择 rem 单位标签，输入要转换的 rem 值。像素等价值会实时更新。

3

读取结果

像素值会即时出现在结果面板中，并附带 em 和 rem 等价值。可调整小数位数以满足所需精度。

4

复制结果

点击 px 结果旁的复制按钮，粘贴到任何需要精确像素尺寸的地方。

公式：px = rem × 根字号。例如，1.5rem × 16px = 24px。

REM 与 PX 的关系

像素是绝对的，rem 是相对的，因此它们回答的是不同的问题。理解这种取舍有助于你决定在 CSS 中声明哪一个，以及换算哪一个作为参考。

REM

相对且可缩放

与根字号绑定
随用户字体偏好缩放
推荐用于布局与排版
单一取值，处处一致

PX

绝对且固定

一个设备像素，无相对性
忽略用户字体偏好
最适合边框与细线
尺寸精确、可预测

提示：将 rem 转换为 px 仅用于检查和交付。在生产 CSS 中，保持以 rem 表示可保留无障碍性与响应式缩放能力。

常见 REM 转 PX 换算

以下参考值假设根字号为 16px。在工具中更改基准即可为其他任意根设置重新计算。

REM	像素（根 16px）	典型用途
0.5rem	`8px`	紧凑间隙、小内边距
0.75rem	`12px`	说明文字、小字
1rem	`16px`	正文基准
1.5rem	`24px`	分节标题、间距
2rem	`32px`	页面标题、大间隙
3rem	`48px`	主视觉间距、大外边距

常见问题

rem 是如何转换为 px 的？

用 rem 值乘以根字号：px = rem × 根。根为 16px 时，1.5rem 即为 24px。本工具会即时计算，并按你选择的小数精度取整。

我为什么要把 rem 转换回 px？

主要用于检查和沟通：核对基于 rem 的设计换算成什么尺寸、匹配固定像素资源，或向设计师和测试交付精确尺寸。实际 CSS 通常仍以 rem 表示以保持可缩放性。

如果我项目的根字号不是 16px 怎么办？

只需将基准字号字段改为你的实际根值。例如，根为 10px（常见的 "62.5%" 技巧）时，1.5rem 等于 15px。本工具会立即重新计算。

rem 转 px 会受元素嵌套影响吗？

不会。由于 rem 始终相对于根字号，嵌套不会影响换算。这正是 rem 相较于相对父元素的 em 更易预测之处。

转换是在我的浏览器中完成的吗？

是的。所有计算都在客户端随输入进行。没有任何数据发送到服务器，因此工具响应即时，页面加载后即可离线使用。

REM 转 PX 转换器