怎么让div的大小随着网页的大小而变化

可以通过 CSS 中的 `width` 和 `height` 属性来控制 `div` 元素的大小。要让 `div` 元素的大小随着网页的大小而变化，可以设置这些属性的值为百分比或 viewport 单位。

以宽度为例，如果将 `div` 的宽度设置为 `100%`，则它的宽度将与父元素的宽度相等，因此随着父元素的大小变化而变化。如果将 `div` 的宽度设置为 `vw`，则它的宽度将根据视口的宽度进行调整，因此随着浏览器窗口大小的变化而变化。

以下是一些示例代码：

/* 将 div 的宽度设置为 100%，高度设置为 50% */
div {
  width: 100%;
  height: 50%;
}

/* 将 div 的宽度设置为 50vw，高度设置为 30vh */
div {
  width: 50vw;
  height: 30vh;
}

需要注意的是，如果 `div` 元素的父元素也是一个固定大小的元素，那么 `div` 的大小也会受到父元素的限制，无法自由调整。此时可能需要将父元素的大小设置为百分比或 viewport 单位，以便让 `div` 元素自适应网页大小的变化。