`window.matchMedia` 会触发回流吗?
Does `window.matchMedia` trigger a reflow?
在构建页面时,我理解尝试尽量减少“布局抖动”或“reflow", when the browser recalculates the dimensions and position of all the elements on the page. Paul Irish has produced a 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
方法不在此列表中?这不涉及测量 window 尺寸吗?我们可以使用它而不用担心造成回流吗?
我相信列表是正确的,matchMedia
不会触发重排。所有媒体查询都经过精心设计,不依赖于页面内容。例如,width
已被指定为视口宽度 ,包括 滚动条,因此无论是否有滚动条,结果都不会改变。
在构建页面时,我理解尝试尽量减少“布局抖动”或“reflow", when the browser recalculates the dimensions and position of all the elements on the page. Paul Irish has produced a 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
方法不在此列表中?这不涉及测量 window 尺寸吗?我们可以使用它而不用担心造成回流吗?
我相信列表是正确的,matchMedia
不会触发重排。所有媒体查询都经过精心设计,不依赖于页面内容。例如,width
已被指定为视口宽度 ,包括 滚动条,因此无论是否有滚动条,结果都不会改变。