目录 / cls-dimension-anchor
SKILL
未评级
已上架
cls-dimension-anchor
通过预留空间防止布局偏移(CLS)——在图片、视频、iframe 和嵌入内容上使用 width/height 属性及 aspect-ratio;为异步数据区域、信息流、图表、广告位和仪表盘设置 min-height;使用字体度量覆盖,避免网页字体切换时重排;使用 scrollbar-gutter;结合 content-visibility 和固有尺寸。在生成或审查包含 <img>、<picture>、<video>、<iframe>、嵌入内容、懒加载区块、获取的数据、图表、第三方组件、网页字体或 Cookie/促销横幅的 HTML/CSS 时,以及当用户提到“布局偏移”、“CLS”、“页面跳动”、“内容加载时移动”、“核心 Web 指标”、“Lighthouse”或“元素突然插入并挤开其他内容”时,请始终应用此方法。
模型生成摘要(rules/v1 · 2026-11-14 15:14):通过预留空间防止布局偏移(CLS)——在图片、视频、iframe 和嵌入内容上使用 width/height 属性及 aspect-ratio;为异步数据区域、信息流、图表、广告位和仪表盘设置 min-height;使用字体度量覆盖,避免网…
这是模型对公开材料的总结,不是官方声明,请以原链内容为准。
这是模型对公开材料的总结,不是官方声明,请以原链内容为准。
存档时间线
| 版本 | 存档时间 | 内容哈希 | 内容 |
|---|---|---|---|
| v1 | 2026-11-14 15:14 | 2cf43e07 | 可取 |
版本索引永久保留;内容副本只保留最新 1 份,更早版本仅留索引与哈希(存档时间线的证据链不会因此断裂)。
纠错与举报(发现条目失效、署名有误或涉及侵权?)
提交举报 / 纠错
侵权举报经核验成立后,我们会即时下线该条目并删除已存的内容副本。