rem /em/vw /vh/px 单位区别与选型

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