更多精选文章

固定尺寸法 ：为每个媒体元素添加明确的宽高属性，例如 <img width💡="800" height="600"

虽然会引发🌈短暂字体样式变化，🌈但通常不会导致布局偏移（前提是两种字体的度量接近）

吴淑媛

当 HTML 中的 <img> 或 <video> 标签未明确设置 width 和 height 属性时，浏览器在图片加载完成前无法为其预留空间

动态注入的内容（如广告、占位符） 通过 JavaScript 动态插👍入的第三方🤔广告、首屏未预留位置的组件，往往是 CLS 的“元凶”

自定义字体引起的💫 FOIT/FOUT 网页字体加载完成前，浏览器会使用后备字体渲染文本，当自定义字体下载完毕并替换时，文本占用的行高和容📚器尺寸可能变化，引发偏移