CSS 单位换算

输入一个数值并选择它当前的 CSS 单位,即可在 px、rem、em、pt、% 之间互转。rem 依赖根字号(html 的 font-size),em 与百分比依赖父元素字号,因此可自定义根字号与父字号,换算结果会给出全部单位的对照值。所有计算均在浏览器本地完成。

输入数值与单位 等待输入

默认根字号与父字号均为 16px。pt 与 px 的关系固定:1pt = 4/3 px,1px = 0.75pt。

换算结果
px—
rem—
em—
pt—
%—
输入数值并选择单位后点击「换算」,这里将显示全部 CSS 单位对照表。

rem 以根字号为基准,em 与 % 以父字号为基准,二者含义不同请注意区分。

换算说明
  • px 与 rem:rem = px ÷ 根字号,px = rem × 根字号。
  • px 与 em:em = px ÷ 父字号,px = em × 父字号。
  • px 与 pt:pt = px × 72 ÷ 96,px = pt × 96 ÷ 72。
  • px 与 %:% = px ÷ 父字号 × 100。
  • 浏览器默认根字号通常为 16px,即 1rem = 16px。
  • em 与 % 都以父元素字号为基准,嵌套使用时需逐层计算。