CSS 单位转换器

配置根字体大小、视口宽度和父元素大小,实时转换 CSS 单位。所有字段相互联动。无需上传。

浏览器本地处理 无需注册 开发者

根据 root 大小、viewport 宽度和 parent 大小的设定,在 px、rem、em、vw、vh、pt、pc 和 % 之间换算。

如何转换 CSS 单位

  1. 根据需要修改 root size、viewport width 和 parent size。
  2. 在任意支持的单位输入框中填写数值。
  3. 查看其他单位输入框自动得到的换算结果。

换算假设

rem 使用 root size,em 和 % 使用 parent size,vw 使用 viewport width。

这里的 vh 不是实际屏幕高度,而是假设高度等于 viewport width 的 75%。pt 按 96 CSS px/inch,pc 按 16px 计算。

隐私与限制

所有换算都在浏览器本地完成。结果是基于输入假设的算术估算,不会测量当前页面的真实 computed font size 或真实 viewport height。

CSS 单位转换常见问题

支持哪些单位?

px、rem、em、vw、vh、pt、pc 和 %。

rem 以什么为基准?

以 root size 输入值为基准。

em 和 % 以什么为基准?

以 parent size 输入值为基准。

vh 使用真实浏览器高度吗?

不使用,它按 viewport width×0.75 估算。

为什么可能与浏览器结果不同?

真实 CSS 取决于实际 computed size 和真实 viewport。