background-image 怎么定义图片大小的

`background-image` 属性用于设置元素的背景图像，但是它本身并不直接支持设置图片的具体大小。如果你想让背景图片自适应容器或者有特定尺寸，可以配合其他属性一起使用。

1. **默认大小**：如果省略 `background-size`，浏览器会根据内容来调整图片大小，除非图片本身已经定义了固定的宽高比。

2. **覆盖整个区域**：如果你希望图片完全填充容器，你可以使用 `background-size: cover;`，这将保持图片宽高比，并使其占据容器从顶部到底部、从左边到右边的所有空间。

3. **指定宽度和高度**：使用 `background-size: width height;` 或 `background-size: auto auto;` 来分别指定宽度和高度，例如 `background-size: 200px auto;` 将宽度固定为200像素，高度自适应。

4. **百分比**：如果你想按照视口比例设置图片大小，可以使用百分比，如 `background-size: 50% 50%;`。

记得在CSS样式中应用这些设置，例如：

.example {
  background-image: url('your-image.jpg');
  /* 可以添加下面的其中一个或多个选项 */
  background-size: cover;
  background-size: 200px auto;
  background-size: 50%;
}