一、remRoot EM—— 看根· 规则永远只看 标签上挂载的 font-size。· 默认浏览器默认给根是 16px所以 1rem 16px。· 实战设置 html { font-size: 62.5%; }就是把基准变成 10px方便心算。· 铁律不管嵌套多深rem 绝不随父级变化全局统一。二、em —— 看父级还是看自己双标· 用在 font-size 属性上看父级爹的字号是多少我就按比例算。· 用在其他所有属性上padding、margin、width 等看自己自己当前字号是多少我就按比例算。· 记忆口诀font-size 找爸爸其他属性找自家。三、根元素的本质· 它不是给自己显示文字而是作为全文档的“基准刻度尺”专门存一个数值给 rem 去读取。四、黄金避坑法则· 改根字号务必用 %如 62.5%千万别写死 10px否则会覆盖用户浏览器的系统放大设置伤害可访问性。rem 是全局听根的em 是字号听爹的、盒子听自己的。