📐 CSS单位转换器📐 CSS Unit Converter
支持px、rem、em、vw、vh、pt、cm、mm、in之间实时互转Convert between px, rem, em, vw, vh, pt, cm, mm, in in real-time
🔢 数值输入Value Input
快捷单位：Quick:
⚙️ 基准设置（用于相对单位计算） ⚙️ Base Settings (for relative units)
📊 转换结果Conversion Results
📱 响应式预览Responsive Preview
当前值在不同屏幕宽度下的实际像素值 Actual pixel values at different screen widths
📋 CSS单位速查表CSS Units Quick Reference
| 单位Unit | 说明Description | 基准Base | 1单位 = ? px |
|---|---|---|---|
| px | 像素，绝对单位Pixels, absolute | - | 1px |
| rem | 根元素字体大小Root element font size | 16px | 16px |
| em | 父元素字体大小Parent element font size | 16px | 16px |
| vw | 视口宽度的1%1% of viewport width | viewport | ~3.75px (基于375px) |
| vh | 视口高度的1%1% of viewport height | viewport | ~6.67px (基于667px) |
| % | 父元素的百分比Percentage of parent | parent | variable |
| pt | 磅，印刷单位Points, print unit | 1pt = 1.333px | 1.333px |
| cm | 厘米Centimeters | 1cm = 37.8px | 37.8px |
| mm | 毫米Millimeters | 1mm = 3.78px | 3.78px |
| in | 英寸Inches | 1in = 96px | 96px |