CSS 单位速查
CSS 单位速查表：长度、视口、角度、时间、分辨率 24 种单位。
纯浏览器本地运行，数据不上传服务器
| 单位 | 说明 |
|---|---|
px | 像素（固定） |
rem | 根字号倍数 |
em | 父级字号倍数 |
% | 百分比 |
vw | 视口宽 1% |
vh | 视口高 1% |
vmin/vmax | 视口最小/最大边 1% |
ch | 字符宽度 |
ex | x 高度 |
cm | 厘米 |
mm | 毫米 |
in | 英寸（=96px） |
pt | 磅（=1/72in） |
pc | 派卡（=12pt） |
fr | 网格比例单位 |
deg | 角度（度） |
rad | 弧度 |
grad | 百分度 |
turn | 圈数 |
s | 秒 |
ms | 毫秒 |
dpi | 点/英寸 |
dpcm | 点/厘米 |
dppx | 点/px |
使用说明
- 速查 CSS 单位：长度、视口、角度、时间。
- 搜索支持按单位或用途过滤。
- 响应式布局、动画、打印样式常用。
常见问题
px 和 rem 怎么选？
固定尺寸用 px；需随根字号缩放的用 rem；组件内部相对缩放用 em。
vw/vh 和百分比什么区别？
vw/vh 相对视口（不受父级影响），% 相对父元素；全屏布局用 vh 更方便。