background-image 根据div 高度自动缩放宽度

在CSS中，`background-image` 属性用于为元素设置背景图片。如果你希望背景图片能够根据其容器（比如一个`div`）的高度自动缩放宽度以适应容器的宽度，可以使用 `background-size` 属性，并设置其值为 `cover`。这样，背景图片会保持其宽高比，同时尽可能大地覆盖整个元素区域，图片的宽度会自动调整以填满元素的宽度，而高度则可能会被裁剪。

这里是一个简单的示例CSS代码：

.bg-container {
  width: 100%; /* 设置div的宽度为100% */
  height: 300px; /* 设置div的高度 */
  background-image: url('your-image-url.jpg'); /* 设置背景图片 */
  background-size: cover; /* 设置背景图片大小，使其覆盖整个div，但保持宽高比 */
  background-position: center; /* 背景图片居中显示 */
}

在这个例子中，`.bg-container` 是一个类选择器，代表你希望应用背景图片的`div`元素。你需要将 `'your-image-url.jpg'` 替换为你想要设置的背景图片的实际URL地址。这样设置后，无论`div`的高度如何变化，背景图片都会自动调整其宽度以适应`div`的宽度。