"CSS 局限优化：contain 的布局/绘制/尺寸与内容可见性"

概述CSS 局限通过限制布局/样式/绘制/尺寸计算的传播范围，减少全局重排与重绘成本，适合大量独立组件与长页面场景。与 `content-visibility` 协作可进一步跳过屏外渲染。局限类型与值布局（layout）：内部外部布局相互独立；变更不传播。绘制（paint）：裁剪至主盒内边距，屏外内容不绘制。尺寸（size）：元素尺寸计算不依赖子元素；谨慎使用避免尺寸为零风险。样式（style）：计数器与引号作用域限制在子树［参考1,4］。组合与简写：`contain: content`（layout+paint）、`contain: strict`（全部局限，需设置显式尺寸），`contain: none`。与 `content-visibility` 可一次性应用强局限［参考2］。工程建议独立组件/文章段落：使用 `contain: content` 降低重排与重绘；在需要强隔离时使用 `strict` 并显式尺寸。与 `content-visibility: auto` 协作，屏外跳过布局与绘制，改善初始加载；必要时配合 `contain-intrinsic-size` 提供固有尺寸。参考与验证［参考1］MDN 中文：CSS 局限与 `contain` 属性说明（四类局限）：https://developer.mozilla.org/zh-CN/docs/Web/CSS/contain［参考2］MDN 中文：使用 CSS 局限与 `content-visibility` 的协作与示例：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Guides/Containment/Using［参考3］MDN 中文：CSS 局限概览（值 `content` 与使用目标）：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Guides/Containment［参考4］CSDN：contain 与局限效果与实践说明：https://blog.csdn.net/m0_49016709/article/details/118028247关键词校验关键词与 CSS 局限/contain 主题一致。