# ResizeObserver

URL: https://caijiao.org/reference/web-api/resizeobserver
Source: docs/reference/web-api/resizeobserver.md
Description: ResizeObserver 用于监听元素尺寸变化，适合自适应组件和图表重绘。

ResizeObserver 用于监听元素尺寸变化，适合自适应组件和图表重绘。

## 语法

```text
new ResizeObserver(callback)
```

## 最小示例

```js
new ResizeObserver((entries) => console.log(entries[0].contentRect.width)).observe(el);
```

## 常见错误

- 只看语法不看运行环境限制。
- 没有处理错误、权限或兼容性分支。
- 示例上线前应结合真实浏览器、服务器或 Git 仓库验证。

## 相关内容

- [Web API Reference](/reference/web-api/)
- [JavaScript Reference](/reference/javascript/)
- [开发问题库](/how-to/javascript/)