background-image图片适应div

要让 background-image 图片适应 div 元素，可以使用 background-size 属性。将 background-size 设置为 cover，可以让图片完全覆盖 div 元素，但可能会导致图片被拉伸或裁剪。另一种方法是将 background-size 设置为 contain，这样可以让图片适应 div 元素的大小，但可能会在 div 元素周围留有空白。具体实现方法如下：

div {
  background-image: url('your-image-url');
  background-size: cover; /* 或者 contain */
  background-position: center;
  background-repeat: no-repeat;
}