HTML 让背景图片自适应 Div 容器大小的实现方法

要让背景图片自动适应 div 容器大小，可以使用 CSS 中的 background-size 属性。

首先，确保你的 div 容器有一个具体的宽度和高度，可以通过设置 width 和 height 属性来实现。

然后，在 CSS 中，使用 background-size 属性来设置背景图片的大小。可以使用以下几个值来实现自动适应：

1. cover：将背景图片缩放到完全覆盖 div 容器，可能会剪裁部分图片。
2. contain：将背景图片缩放到完全包含在 div 容器内，可能会留有空白的部分。

示例代码如下：

<div class='container'></div>

.container {
  width: 300px;
  height: 200px;
  background-image: url('your-image.jpg');
  background-size: cover; /* 或者使用 contain */
}

在上述代码中，将 div 容器的宽度设置为 300px，高度设置为 200px，并设置背景图片为 'your-image.jpg'。然后通过 background-size 属性设置背景图片的大小为 cover 或 contain，实现自动适应 div 容器大小的效果。

注意：如果背景图片的大小与 div 容器的宽高比例不一致，可能会导致图片被拉伸或者留有空白部分。可以通过设置 background-position 属性来调整背景图片在 div 容器中的位置。