监听DOM元素宽高变化

所属页面：甘特图

产生原因：红框时间线定位使用fixed导致，所属DOM宽度动态设置宽度（和父元素相等），而后溢出隐藏，但父元素宽度变化后，页面渲染已经完成会导致时间线覆盖滚动条乃至溢出

所属需求：全屏和退出全屏，放大缩小页面后

解决思路：所属盒子，给内容溢出隐藏，宽度和所属父元素宽度相等，但……反正说不清，就记录一下方法，诶嘿嘿~

 

1.监听页面大小变化

因为他所属父元素是flex:1，所以这个方法行的通（主要我有个全屏显示甘特图的需求）。

// 监听页面大小变化
window.onresize = () => {
    // 里面就获取页面变化后的父元素宽喽
}

2.监听具体DOM元素

PS：这个应该得配合css中的   resize  使用，具体可以搜搜。

放个链接吧：https://blog.csdn.net/u010419337/article/details/81474311

标签：DOM,元素,宽高,宽度,所属,监听,页面
来源： https://blog.csdn.net/shihezhengshz/article/details/115581885