首页 > 试题广场 >

修改下列哪个CSS属性会可能触发回流?

[不定项选择题]

修改下列哪个CSS 属性会可能触发回流?

  • background-color

  • outline-width

  • border-width

  • transform

一个 DOM 元素的几何变化,常见的几何属性 width、height、padding、margin、left、top、border 等等

使 DOM 节点发生 增减 或 移动。

读写 offset ,scroll  和 client 属性的时候,浏览器为了获取这些值,需要进行回流操作。

调用 window.getComputedStyle 方法。

回流过程:由于 DOM 的结构发生了改变,所以需要从生成 DOM 这一步开始,重新经过 样式计算、生成布局树、建立图层树、再到 生成绘制列表 以及之后的显示器显示这一整个渲染过程走一遍,开销是非常大的。


发表于 2021-08-10 10:40:30 回复(0)
轮廓线不会占据空间
发表于 2021-06-20 11:10:38 回复(0)
引起回流(重排 reflow)的原因:
  • 元素几何尺寸的读写
  • 元素位置的改变
引起重绘(repaint)的原因:
  • 元素样式的改变
注意:重绘不一定回流,但回流一定重绘
发表于 2022-03-01 14:26:49 回复(0)
C. 使用css3硬件加速, 可以让transform opacity filters 这些动画不会引起回流重绘

发表于 2022-03-21 20:16:38 回复(1)