在 px、rem、em、pt、vw、vh 等 CSS 单位间实时转换
格式转换
关于此工具
CSS 单位转换器可以在所有常用 CSS 长度单位之间进行转换，包括 px、rem、em、pt、vw、vh、cm、mm、in 和 %。它提供可配置的基础字号和视口尺寸，同时显示所有单位的实时转换结果，以及常用尺寸参考表方便快速查询。
主要功能
- 10 种 CSS 单位类型的实时转换
- 可配置基础字号，用于 rem 和 em 计算
- 可调整视口宽度和高度，用于 vw 和 vh
- 一键交换源单位和目标单位
- 排版尺寸常用参考表
- 点击任意结果值即可复制
使用场景
- 将 px 转换为 rem，实现无障碍和可缩放布局
- 计算视口单位，用于响应式设计
- 将设计稿中的 pt 转换为 px，用于网页实现
- 比较不同单位系统之间的排版尺寸
- 将 cm、mm、in 等打印单位转换为屏幕单位
css
units
converter
常见问题
支持哪些 CSS 单位？
转换器支持 px、rem、em、pt、vw、vh、cm、mm、in 和 %。您可以在任意两个单位之间转换，并在全单位网格中同时查看所有单位的结果。
rem 和 em 转换是如何工作的？
rem 和 em 转换使用可配置的基础字号，默认为 16px。您可以修改此值以匹配项目的根字号。em 单位基于相同的基础字号进行计算。
视口单位是如何计算的？
视口单位（vw 和 vh）基于可配置的视口宽度和高度值计算，默认分别为 1920px 和 1080px。您可以调整这些值以匹配目标屏幕尺寸。
可以复制转换结果吗？
可以，点击任意结果值即可复制到剪贴板。复制成功后会显示提示通知。主结果和全单位网格中的各个结果都支持此功能。
常用参考表是什么？
常用参考表展示了标准排版尺寸（如正文、标题和展示字号）在 px、rem 和 pt 中的对应值。这有助于您快速找到常见设计模式的合适值，无需手动计算。