在Chrome中观看元素大小

Question

所以Chrome 显然有一个错误,MutationObserver当手动调整元素大小时,观察元素大小的错误无效.

在修复错误之前,我应该使用什么来代替或者除此之外还能在Chrome中使用它？我应该使用已弃用的变异事件还是有另一种更好的选择？

有没有办法在不使用元素对象的情况下在AngularJS中做到这一点？

Answer 1

为了观察元素的大小，您有以下选项：

• 使用 aMutationObserver您可以观察手动调整元素大小时元素属性的变化。这是 Chrome 中的一个错误。

• 您可以在计时器间隔内使用 JavaScript 不断轮询元素大小，但您已表明这不是您希望使用的内容。

• 据我所知，您的最后一个选择是使用CSS 元素查询。

最后一个选项的工作原理是利用所有浏览器都支持元素的溢出事件这一事实。它将改变现有页面的布局，强制您正在调整的元素相对或绝对定位。如果您有一个带有简单 css 的简单页面，那完全没问题，但更复杂的布局可能会遇到问题。