Div宽度不能随缩放图像调整大小

<div class="image-container"></div>

<style>
.image-container {
  background-image: url('image.jpg');
  background-size: contain; /* 或者使用cover */
  background-repeat: no-repeat;
  width: 100%;
  height: 300px; /* 设置Div的高度 */
}
</style>

<div class="image-container">
  <img src="image.jpg" alt="Image">
</div>

<style>
.image-container {
  width: 100%;
  height: auto; /* 或者设置固定的高度 */
}

.image-container img {
  width: 100%;
  height: auto;
}
</style>