首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >用 ResizeObserver 监听元素尺寸变化,你还在用 window.resize 吗

用 ResizeObserver 监听元素尺寸变化,你还在用 window.resize 吗

作者头像
用户1839651
发布于 2026-09-24 08:54:48
发布于 2026-09-24 08:54:48
1540
举报
概述
布局经常需要根据容器宽度动态调整内部元素,比如图表库要响应容器尺寸重绘、虚拟列表要根据可视区域高度计算渲染数量、CSS 容器查询的 polyfill 需要精确知道父级尺寸。window 的 resize 事件只反映视口变化,无法感知某个 div 因为 Flex 布局、侧边栏折叠、字体加载或内容增减导致的尺寸改变。过去只能靠 setInterval 轮询 offsetWidth,或者配合 Mutat

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档