设计工具
尺寸换算器
px、rpx、rem、em、vw、vh等单位快速换算
换算结果
单位换算表
| 单位 | 值 | 说明 |
|---|---|---|
| px | 16 | 像素 |
| rpx | 16.0000 | 小程序响应式像素 |
| rem | 1.0000 | 相对根字体 |
| em | 1.0000 (假设父字体=16px) | 相对父字体 |
| vw | 0.8333 | 视口宽度百分比 |
| vh | 1.4815 | 视口高度百分比 |
| pt | 12.00 | 点(印刷) |
| cm | 0.4233 | 厘米 |
| mm | 4.233 | 毫米 |
| in | 0.1667 | 英寸 |
💡 使用提示
- rem:相对于根元素(html)字体大小,常用于响应式布局
- em:相对于父元素字体大小,适合组件内部使用
- vw/vh:视口宽度/高度的1%,适合全屏布局
- rpx:小程序响应式像素,规定屏幕宽750rpx,1rpx = 屏幕宽度/750
- pt:印刷单位,1pt = 1/72英寸
- 换算公式:rem = px / rootSize,vw = px / designWidth * 100,rpx = px * 750 / rpxBase