往事如风这个 markdown 格式果然牛逼，需要时间适应
核心区别对比
| 特性 | em | rem |
|---|---|---|
| 参考基准 | 父元素的字体大小 | 根元素（html）的字体大小 |
| 是否继承 | 是 | 否 |
| 级联影响 | 可能导致多层嵌套时尺寸失控 | 全局统一，不会级联 |
| 响应式表现 | 适合组件内部的相对调整 | 适合全局响应式布局 |
| 默认值 | 1em = 父元素字体大小 | 1rem = 根元素字体大小（默认16px） |
使用建议
rem：适合作为全局布局单位（如边距、字体大小），配合媒体查询调整根元素字体大小实现响应式设计。
em：适合组件内部的相对尺寸（如按钮内边距、图标大小），确保在不同上下文中保持比例。