html - `window.matchMedia` 是否触发回流？

Question

在构建页面时，我理解当浏览器重新计算页面上所有元素的尺寸和位置时，尽量减少“布局抖动”或“reflow”是一种很好的做法。 Paul Irish 制作了一个 handy list触发回流的过程。他说:

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout.

为什么 https://developer.mozilla.org/en/docs/Web/API/Window/matchMedia 方法不在此列表中？这不涉及测量窗口大小吗？我们可以使用它而不用担心造成回流吗？

Answer 1

我相信列表是正确的，matchMedia 不会触发重排。所有媒体查询都经过精心设计，不依赖于页面内容。例如，width已指定视口(viewport)宽度包括滚动条，因此无论是否有滚动条，结果都不会改变。