css背景图自适应,放大缩小撑满

要实现背景图的自适应，可以使用CSS的background-size属性和background-position属性。

首先，将元素的背景图设置为撑满整个元素的大小，可以使用background-size: cover;属性。这将确保背景图会根据元素的大小进行放大或缩小，以填充整个元素。

然后，使用background-position: center;来将背景图居中显示。这样无论背景图是否被放大或缩小，都会在元素内居中显示。

以下是一个示例代码：

.element {
  background-image: url('your-image.jpg');
  background-size: cover;
  background-position: center;
}

在上面的代码中，将`.element`替换为你要应用背景图的元素的选择器，并将`your-image.jpg`替换为你想要使用的背景图的路径。

这样设置后，背景图就会自动根据元素的大小进行放大或缩小，并且始终居中显示。