有没有办法使用Javascript检测所有Ancestor DOM元素的调整大小/缩放？

Question

我有一个包含图表的DOM元素

<div id="plot1" class='plot-chart'></div>

这个DIV可以嵌套在多个DIV中

<div id="one" style="width:100%;height:100%;zoom:0.9;">
    <div id="two">
        <div id="three">
            <div id="plot1" class='plot-chart'></div>
            </div>
        </div>
    </div>
</div>

我需要一种方法来检测对绘图DIV的所有祖先（父级）的大小/缩放的任何更改，以便我可以相应地缩放或调整它。

window.onresize

这可以检测整个浏览器窗口的任何更改，但是可能会在没有窗口本身被操作的情况下更改DIV二或DIV三的实例。图表DIV是我正在创建的并且可以放置在任何位置的图表，因此在调整大小时从外部调用函数不是解决方案。

为简化问题，有没有办法检测对象的任何父DIV的更改，以便我可以在内部调用函数？

Answer 1

所以简短的回答是＆＃34; no＆＃34;。但是，如果您可以控制调整这些容器div的大小，那么他们可以触发您的图表可以监听并做出反应的自定义事件（例如，using jQuery）适当。

希望这有帮助！

Answer 2

不，但您可以轻松使用Twitter的Bootstrap来调整大小。

您可以使用Grid System in BootStrap进行此操作！