添加没有样式信息的 class 会导致回流吗?
Will adding a class without style information cause reflow?
添加没有任何关联样式信息的 class(例如 class 没有 CSS 条目)是否会导致回流或其他一些重要的同步处理?答案是否适用于大多数浏览器,或者仅适用于例如旧版浏览器?
我确实尝试 运行 使用 FF 性能监视器进行实验,但我不够熟练,无法解释结果;添加 class 后,瀑布确实显示了布局,但我无法得出任何真正的结论。
没有
它会导致样式应用程序失效,但是当浏览器执行re-evaluation时它会看到元素的计算属性 影响布局的没有被改变,所以它不会触发布局 - 甚至重绘。
请记住,不同的 CSS 属性可能会在更改时触发重新布局(例如 width
),其他的只会触发重绘(例如 background-color
),而其他的则什么都不做全部(例如 voice-family
,它位于(现已过时的)Aural 模块中,它独立于 visual 格式模型)。
添加没有任何关联样式信息的 class(例如 class 没有 CSS 条目)是否会导致回流或其他一些重要的同步处理?答案是否适用于大多数浏览器,或者仅适用于例如旧版浏览器?
我确实尝试 运行 使用 FF 性能监视器进行实验,但我不够熟练,无法解释结果;添加 class 后,瀑布确实显示了布局,但我无法得出任何真正的结论。
没有
它会导致样式应用程序失效,但是当浏览器执行re-evaluation时它会看到元素的计算属性 影响布局的没有被改变,所以它不会触发布局 - 甚至重绘。
请记住,不同的 CSS 属性可能会在更改时触发重新布局(例如 width
),其他的只会触发重绘(例如 background-color
),而其他的则什么都不做全部(例如 voice-family
,它位于(现已过时的)Aural 模块中,它独立于 visual 格式模型)。