检测子div尺寸变化

在JavaScript中，你可以使用ResizeObserver API来检测子div尺寸的变化。下面是一个基本的示例代码：

<div id="parent">
  <div id="child"></div>
</div>

<script>
  const parentDiv = document.getElementById('parent');
  const childDiv = document.getElementById('child');

  const resizeObserver = new ResizeObserver(entries => {
    for (let entry of entries) {
      if (entry.target === childDiv) {
        console.log('子div尺寸变化');
        // 这里可以执行你想要的操作
      }
    }
  });

  resizeObserver.observe(parentDiv);
</script>

在上面的代码中，我们首先通过getElementById方法获取到父div和子div的引用。然后，创建一个ResizeObserver对象，并通过其observe方法将父div传递进去。最后，使用回调函数获取到尺寸变化的entry对象，并判断是否为子div。如果是子div，可以执行相应的操作。

注意，ResizeObserver API是现代浏览器提供的新特性，不是所有浏览器都支持。请在使用之前检查浏览器兼容性。