尺寸单位

CSS 尺寸速查表

单位	中文名称	类型	说明	是否支持
`px`	像素	绝对单位	屏幕像素，最常用的单位，1px = 一个逻辑像素点	✅
`%`	百分比	相对单位	相对父元素的尺寸，适用于宽高、字体等	✅
`vw`	视口宽度单位	相对单位	1vw = 1% 的视口宽度	✅
`vh`	视口高度单位	相对单位	1vh = 1% 的视口高度	✅
`em`	相对当前字体	相对单位	相对当前元素的 `font-size`（默认1em=16px）	✅
`rem`	相对根字体	相对单位	相对 `<html>` 的 `font-size`，常用于响应式布局（默认1em=16px）	✅
`vmin`	视口最小边单位	相对单位	1vmin = 视口宽高较小者的 1%	❌
`vmax`	视口最大边单位	相对单位	1vmax = 视口宽高较大者的 1%	❌
`ex`	小写字母 x 高度	相对单位	相对当前字体中 `x` 字符的高度（较少用）	❌
`ch`	字符宽度	相对单位	相对于数字 `0` 的宽度，等宽字体下效果明显	❌
`lh`	行高单位	相对单位	相对元素自身的 `line-height`	❌
`rlh`	根行高单位	相对单位	相对根元素的 `line-height`，CSS4 新增，兼容性有限	❌
`pt`	点	绝对单位	1pt = 1/72 英寸，常用于打印	❌
`pc`	派卡	绝对单位	1pc = 12pt，印刷行业使用	❌
`in`	英寸	绝对单位	1in = 2.54cm = 96px（在标准屏幕上）	❌
`cm`	厘米	绝对单位	1cm = 10mm	❌
`mm`	毫米	绝对单位	1mm = 1/10cm	❌