CSS 单位转换器

在 CSS 单位之间转换：px、rem、em、vw、vh、%。

基准字号 (px)

父级字号 (px)

父级宽度 (px)

视口大小 (px)

×

px16 px

rem1 rem

em1 em

vw0.833 vw

vh1.481 vh

%1.667 %

🐛

报告问题 / 提出建议

发现 Bug 或有建议？帮助我们改进这个工具。

这是什么工具？

CSS 单位转换器在 CSS 测量单位之间转换值，包括 px、rem、em、%、vw、vh 和 pt。帮助开发者为响应式设计选择合适的单位。理解单位关系对于在不同视口和字体大小下保持一致尺寸至关重要。

如何使用

1
输入值
输入值和源单位。
2
查看转换
查看所有 CSS 单位的等效值。
3
查看结果
查看输出。

常见问题

rem 和 em 有什么区别？

rem 相对于根（html）字体大小，在整个页面中保持一致。em 相对于父元素的字体大小，在嵌套元素中会累积。大多数开发者更喜欢 rem 以保持一致的尺寸。

支持哪些CSS单位？

支持px、em、rem、百分比、vw、vh等。

数据在本地处理吗

是的，所有处理都在浏览器内完成。数据不会发送到服务器。