REM 转 PX
将 REM 单位转换为像素，可调节根字号——实时转换并提供完整对照表，100% 在浏览器中运行。
输入
结果
对照表（0.25–8 rem）
| REM | PX | REM | PX |
|---|
什么是 PX？
像素（px）是 CSS 中最基本的绝对长度单位。1 CSS 像素被定义为 1/96 英寸，即每英寸 96 像素，与物理屏幕密度无关。CSS 像素是一种逻辑抽象：高 DPI 显示器可能将多个物理设备像素合并为一个 CSS 像素，但 CSS 度量始终使用这些逻辑单位，使布局在不同设备上呈现一致的视觉尺寸。
像素赋予设计师对每个尺寸精确、可预测的控制。它是其他 CSS 单位转换的通用参照点——即使是 rem 和 em 这样的相对单位，最终也会在计算样式中解析为像素。由于 px 是绝对单位，它是边框、细线分隔符、图标尺寸以及任何不应随用户字号偏好变化的值的自然选择。
REM 与 PX 对比
REM 和 PX 是同一枚硬币的两面：每个 rem 值在渲染时都会解析为像素值。区别在于尺寸是相对于根字号（rem）还是绝对值（px）。下表汇总了关键差异。
| 特性 | REM | PX |
|---|---|---|
| 类型 | 相对（相对于根字号） | 绝对 |
| 16px 根时默认 | 1rem = 16px | 1px = 1/96 英寸 |
| 尊重用户字号设置 | 是 | 否 |
| 全局重新缩放 | 改一处根即可缩放全部 | 每个值都需更改 |
| 可预测性 | 取决于根 | 始终精确 |
| 最适用于 | 字号、间距、布局 | 边框、细线、固定图形 |
当你需要知道渲染后的像素值时，将 rem 转换为 px 是必不可少的——例如将设计交付给精确到像素的实现、调试计算样式，或使用只接受像素值的工具。转换公式就是 px = rem × 根字号。
根字号
根字号是设置在 <html> 元素上的字号，它决定了 1 rem 等于多少像素。所有主流浏览器默认为 16px，因此默认 1rem = 16px。许多项目会覆盖此值：常见做法是 html { font-size: 62.5%; }，让 1rem 等于 10px，简化整个代码库的心算。
本转换器允许你设置 8px 到 32px 的根字号，使像素输出始终匹配项目的实际根设置。移动滑块，结果和整个对照表会即时重新计算，让你能在特定配置下看到任意 rem 值的精确像素值。
何时将 REM 转换为 PX
尽管 rem 是大多数现代 CSS 的推荐单位，但许多情况下你需要等效的像素值。在以下场景中将 rem 转换为 px 很有用：
- 设计交付。设计师常在 Figma 或 Sketch 中以像素工作；将 rem 值转换为 px 让开发与设计使用同一语言。
- 调试计算样式。浏览器开发者工具将计算后的 rem 值显示为像素，手动转换有助于验证计算。
- 像素级精确实现。某些第三方库、Canvas API 或原生集成只接受像素值。
- 文档编写。在风格指南中同时显示 rem 和 px 让设计系统更易理解。
- 迁移项目。将旧 px 代码库迁移到 rem（或反向）时，批量转换有助于审计和重写值。
得到像素等效值后，请保留源 CSS 中的 rem 值——它仍是更易访问、更可缩放的选择，px 值仅作参考。
可访问性与 PX
rem 存在的一个关键原因是可访问性。当用户在浏览器设置中增大默认字号时，所有基于 rem 的度量都会相应缩放，保持文本和间距可读。像素值在大多数现代浏览器中不会随此设置缩放（它们现在会缩放整个页面），因此以 px 声明的字体在某些环境下可能让用户无法舒适阅读。
尽管如此，px 并非天生不好——它适合不应随字号变化的值，如 1px 边框、box-shadow 偏移和装饰性几何。最佳实践是：与排版和布局相关的内容（需要缩放）使用 rem，固定结构细节使用 px。本转换器帮助你在两者间转换，让每个单位用在最合适的地方。
如何将 REM 转换为 PX？
用 rem 值乘以根字号：px = rem × 根字号。默认根字号 16px 时，1.5rem 即为 1.5 × 16 = 24px。
应该使用多大的根字号？
除非项目明确覆盖，否则使用 16px（浏览器默认）。若样式表设置了 html { font-size: 62.5%; }，则根字号用 10px。
1rem 一定等于 16px 吗？
仅在浏览器默认根 16px 时。如果根字号在 CSS 中被更改或由用户调整，1rem 等于那个新值。
CSS 中该用 PX 还是 REM？
字号、间距和布局尺寸用 rem，使其随用户偏好缩放。边框、细线和固定装饰值用 px。
我的数值会发送到服务器吗？
不会。所有计算均在浏览器本地完成，不上传任何内容。