像素（px）
表示单个设备像素的 CSS 绝对单位。提供精确、固定的尺寸。
根据根元素字号计算 rem 对应的像素值。
rem
px
常用换算（基准：16px）
Root EM（rem）
相对于根元素的 font-size。随用户浏览器设置缩放，更利于无障碍访问。
REM 转 PX 转换器
本工具可将 rem 值转换回像素，是 px 转 rem 的逆运算，对于检查基于 rem 的设计极为有用：输入一个 rem 值，设置你的根字号，便能立刻看到它究竟渲染为多少像素。这让验证间距、核对计算尺寸以及交付精确规格都变得轻松。
在标准根字号 16px 下，1rem = 16px。如果你的项目使用了不同的html font-size，请相应设置基准以获得准确的像素结果。
何时需要从 REM 得到 PX
检查计算尺寸
将他人样式表中的 rem 值换算成像素，以了解它实际渲染出的大小。
像素级交付
为设计师和测试提供从你的 rem 体系推导出的精确像素尺寸。
匹配设计资源
确认某个 rem 值与图标、图片或 1px 边框等固定像素资源对齐。
如何将 REM 转换为 PX
设置根字号
在基准字号字段中输入你项目的根（html）font-size。默认 16px 与浏览器标准基准一致。
输入 REM 值
选择 rem 单位标签，输入要转换的 rem 值。像素等价值会实时更新。
读取结果
像素值会即时出现在结果面板中，并附带 em 和 rem 等价值。可调整小数位数以满足所需精度。
复制结果
点击 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 更易预测之处。
转换是在我的浏览器中完成的吗？
是的。所有计算都在客户端随输入进行。没有任何数据发送到服务器，因此工具响应即时，页面加载后即可离线使用。