html背景图片自适应大小

要使 HTML 背景图片自适应大小，您可以使用 CSS 的 `background-size` 属性来实现。`background-size` 属性用于设置背景图片的大小，可以使用百分比、像素或关键字等值。

有两种常见的方式可以实现自适应大小：

1. 使用 `background-size: cover;` 属性，让背景图片在不改变比例的情况下，尽可能地覆盖整个背景区域。这样可能会导致图片的某些部分被裁剪掉，但可以保证背景区域被完全填满。

   body {
     background-image: url("your-image-url.jpg");
     background-size: cover;
   }

2. 使用 `background-size: contain;` 属性，让背景图片在不改变比例的情况下，尽可能地适应背景区域。这样可能会导致背景区域没有被完全填满，但可以保证整张图片被完整显示。

   body {
     background-image: url("your-image-url.jpg");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
   }

在上述代码中，`background-repeat` 属性设置为 `no-repeat`，防止图片在背景中重复出现；`background-position` 属性设置为 `center`，使得图片在背景区域中居中显示。您可以根据实际情况调整这些属性的值。