是什么导致布局偏移，如何修复 CLS？

修复方法

• 始终设置 width/height（或 aspect-ratio），以便在加载前就预留空间：

• 为广告/嵌入内容预留空间，用一个最小高度的占位。
• 稳定字体——用 font-display: optional 或 swap 加上 size-adjust/preload，以在 Web 字体到达时最小化重排。
• 绝不要在加载后于首屏之上插入内容；改用覆盖层（position: absolute）或从底部推入。
• 用 transform/opacity 做动画——它们是合成的，不会触发布局。

为什么这很重要

CLS 是最可修复的 Core Web Vital——它通常就是少数几处缺失的尺寸。面试官用它来测试你是否理解渲染管线：预先预留空间意味着浏览器永远不必重排，这也正是 transform 胜过对 top 做动画的原因。