1. px 像素
绝对单位,固定不变;适合边框、小图标、固定尺寸。
2. em 相对父级字体
相对于父元素 font-size,嵌套容易叠加混乱,不推荐用于整体适配。
3. rem 相对根字体
相对于 html 根字体大小,移动端主流适配方案,全局统一、可控。
4. vw / vh 视口单位
vw:视口宽度 1%,100vw = 全屏宽
vh:视口高度 1%,100vh = 全屏高
优势:无需JS、纯CSS适配,现代项目首选。
5. 选型总结
固定尺寸:px
移动端适配:rem / vw
全屏比例布局:vw/vh