如何限制背景图片的大小？

在CSS中，有几种方式可以限制背景图片的大小：

1. **固定尺寸** (`background-size: width height`): 指定图片的宽度和高度，例如 `background-size: cover;` 表示图片会缩放并充满容器，保持纵横比。如果图片太小，可能会裁剪；如果太大，则超出的部分会被裁掉。

   .example {
     background-size: cover;
   }

2. **百分比大小** (`background-size: percentage%;`): 可以按照容器宽度或高度的比例来设置，比如 `background-size: 50% 100%;` 会使图片宽度占容器的一半，高度填满。

3. **contain** (`background-size: contain;`): 图片会在容器内缩放以适应，不会超出容器，同时保持原始比例。

4. **stretch or fill** (`background-size: stretch` 或者 `fill`): 这会让图片拉伸到容器的整个大小，适合背景图案或空白图片。

选择哪种方式取决于你的需求。如果你想要图片适配容器并保持原始比例，可以选择 `cover` 或 `contain`；如果是图片作为视口背景，通常使用 `no-repeat` 和 `cover` 来填充并隐藏多余部分。