CSS 单位转换器
配置根字体大小、视口宽度和父元素大小,实时转换 CSS 单位。所有字段相互联动。无需上传。
根据 root 大小、viewport 宽度和 parent 大小的设定,在 px、rem、em、vw、vh、pt、pc 和 % 之间换算。
如何转换 CSS 单位
- 根据需要修改 root size、viewport width 和 parent size。
- 在任意支持的单位输入框中填写数值。
- 查看其他单位输入框自动得到的换算结果。
换算假设
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。