CSS 单位换算
px、rem、em、vw、vh、pt、pc、cm、mm 等 10 种单位实时互转,支持自定义基准值和批量换算
基准值配置
px
px
px
px
| 单位 | 输入值 | 说明 |
|---|
关于 CSS 单位换算
- 支持 px、rem、em、vw、vh、%、pt、pc、cm、mm 共 10 种单位实时互转
- 修改任意单位的值,其余单位自动联动更新;修改基准值后所有换算同步刷新
- 比现有 rem2px 工具更全面,额外支持视口单位(vw/vh)和印刷单位(pt/pc/cm/mm)
操作说明
- 在换算表中任意单位输入框输入数值,其余单位自动计算
- 点击「750px 设计稿」快速设置移动端设计稿换算基准
- 批量换算:输入多个 px 值(逗号分隔),点击「换算」生成对照表,支持 Ctrl+Enter
注意事项
- rem 基于根字体大小,em 基于父元素字体大小,vw/vh 基于视口尺寸,% 基于视口宽度
- 1pt = 1.333px(96dpi 屏幕),1pc = 16px,1cm ≈ 37.795px,1mm ≈ 3.7795px
- 所有计算均在浏览器本地完成,不会上传任何数据