用户1839651
用 ResizeObserver 监听元素尺寸变化,你还在用 window.resize 吗
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户1839651
社区首页
>
专栏
>
用 ResizeObserver 监听元素尺寸变化,你还在用 window.resize 吗
用 ResizeObserver 监听元素尺寸变化,你还在用 window.resize 吗
用户1839651
关注
发布于 2026-09-24 08:54:48
发布于 2026-09-24 08:54:48
154
0
举报
概述
布局经常需要根据容器宽度动态调整内部元素,比如图表库要响应容器尺寸重绘、虚拟列表要根据可视区域高度计算渲染数量、CSS 容器查询的 polyfill 需要精确知道父级尺寸。window 的 resize 事件只反映视口变化,无法感知某个 div 因为 Flex 布局、侧边栏折叠、字体加载或内容增减导致的尺寸改变。过去只能靠 setInterval 轮询 offsetWidth,或者配合 Mutat
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
浏览器
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档