代码、数据与二维码工具

CSS 单位换算器

使用明确的字体和视口基准假设换算常见 CSS 长度单位。

优先本地处理无需注册隐私说明 ↗

上下文: rem 使用根字号,em 使用父级字号,viewport 单位使用输入的视口尺寸。ch 和 ex 为估算值。 未包含百分比和容器/查询单位,因为它们依赖具体引用框。

计算仅在此浏览器中进行。

使用步骤

如何使用

  1. 输入有限长度数值。
  2. 选择源 CSS 单位和目标 CSS 单位。
  3. 查看本地换算结果及已披露的基准假设。

明确的引用基准

绝对单位使用 CSS 96 dpi 基准。相对单位使用 16px 根字号和父级字号,以及 1440 × 900 CSS 像素视口。em、ch 和 ex 使用实用的字体度量估算。

依赖上下文的单位

未包含百分比和容器/查询单位,因为它们的引用框取决于周围的样式和布局。

本地计算

数值在浏览器中换算,不会上传或存储。

常见问题

你可能还想知道

支持哪些单位?

支持 px、rem、em、vw、vh、vmin、vmax、ch、ex、cm、mm、in、pt、pc 和 Q。

相对单位是精确的吗?

不是。rem、em 和视口单位使用页面列出的假设;ch 和 ex 是实用的字体度量估算。

为什么不包含百分比?

百分比长度需要属性对应的引用尺寸,无法进行不误导的统一换算。