CSS 单位转换
px、rem、em 与 pt
使用可配置基础字体大小转换 CSS px、rem、em 和 pt 值，适用于设计 token、排版和响应式布局。
此转换仅在您的浏览器中运行，不会上传任何内容。
px
- 根 / 基准字号16px
- 单位px
真实 CSS 中 em 取决于父元素的 font-size；本工具用同一根/基准值近似换算 rem 与 em。
- px
- rem
- em
- pt
这个工具是什么？
用可配置的根 / 基准字号（默认 16px）在 CSS px、rem、em、pt 之间转换。适合设计 token、排版比例与响应式 spacing。
真实 CSS 中 rem 相对根元素，em 相对当前（常为父）元素的 font-size。本工具对 rem/em 使用同一基准，因此 em 为近似值。pt 按 CSS 96dpi（1pt = 96/72 px）。
When to use
- 把设计稿 px 换成 rem 间距与字号阶梯
- 根字号不是 16px 时核对
1.5rem/12pt - 整理样式指南的 px ↔ rem token 表
- 将印刷向 pt 与屏幕 CSS 对照
如何使用
- 输入数值并选择源单位。
- 设置根 / 基准字号（默认 16px）。所有行即时更新。
- 按行复制，或一次复制全部结果。
- 若在 CSS 中嵌套
em，请再核对父元素的计算字号。
示例
| 输入 / 设置 | 输出 | 说明 |
|---|---|---|
16px, base 16 | 16.00px; 1.0000rem; 1.0000em; 12.00pt | 默认浏览器根字号 |
24px, base 16 | 24.00px; 1.5000rem; 1.5000em; 18.00pt | 常见标题 / 间距 |
1.5rem, base 16 | 24.00px; 1.5000rem; 1.5000em; 18.00pt | 相对单位 → 像素 |
12pt, base 16 | 16.00px; 1.0000rem; 1.0000em; 12.00pt | CSS 96dpi 边界 |
实践中的常见误区
- em 依赖父元素。 父级
1.25em内的1.2em不是1.2 × 根，会累乘。本表 em 假定元素字号等于基准。 - 若改了 root（如
html { font-size: 62.5% }），请把 base 改成真实根像素。 - 此处 pt 是 96dpi 下的 CSS 绝对单位，不是任意 DPI 的印刷点。
参考资料
最后审阅: 2026-07-27
常见问题
- 支持哪些 CSS 单位？
- px、rem、em、pt。% 与视口单位（vw/vh）不在范围内。
- 根 / 基准字号是什么？
- 用作 1rem（在本工具中也作 1em）的像素值。默认 16px，与多数浏览器的 `html` 默认一致；若设计系统不同请改掉。
- 这里 rem 和 em 一样吗？
- 本工具用同一基准近似。真实 CSS 中 rem 相对根元素，em 乘以当前（常为父）元素的 font-size，嵌套会累乘。
- pt 如何换算？
- CSS 按 96dpi 时 1pt = 96/72 px（约 1.333px）。印刷 DPI 流程可能不同。