background-size:100%;

`background-size: 100%` 是 CSS 中用于设置背景图像大小的属性。当设置为 `100%` 时，背景图片会根据其本身的宽度或高度填充其容器的宽度或高度。这意味着背景图会占据容器的整个宽度或高度，保持原始的比例。这种用法常用于响应式设计中，使背景图能自适应不同屏幕尺寸。

- 当应用于 `width` 属性时（如 `.background-size: 100% auto;`），背景图片会占据容器的全部宽度，并以其原始高度保持比例。
- 当应用于 `height` 属性时（如 `.background-size: auto 100%;`），背景图片会以其原始宽度占据容器的全部高度，并保持宽度比例。

相关问题

background-size: 100% 100%

`background-size: 100% 100%` 是CSS中用于设置背景图片大小的属性。它的作用是将背景图片拉伸或压缩以适应元素的宽度和高度，使其完全铺满整个盒子。

具体来说，`background-size: 100% 100%` 将背景图片的宽度和高度都设置为与元素的宽度和高度相等，这样背景图片就会完全填充整个盒子。同时，由于宽度和高度的比例保持不变，背景图片的比例也会改变为与屏幕的比例相同。

下面是一个示例代码，演示了如何使用 `background-size: 100% 100%` 设置背景图片的大小：

div {
  width: 500px;
  height: 250px;
  background-image: url("img1.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: 100% 100%;
}

在上面的代码中，我们将一个 `div` 元素的宽度设置为500px，高度设置为250px，并将背景图片设置为 `img1.jpg`。然后，通过设置 `background-size: 100% 100%`，使背景图片完全填充整个 `div` 元素。

background-size: 100% 100%;

background-size: 100% 100%;是CSS3的背景图像尺寸属性，它用于设置背景图片的大小。其中100% 100%表示背景图片的宽度和高度都为100%，即背景图片会铺满整个背景区域。

这个属性通常用于响应式设计中，可以确保背景图片的尺寸能够随着窗口大小的改变而自适应。另外，还可以使用cover或contain等参数来控制背景图片的填充方式。