CSS 属性： background-size
背景图片的大小。
background-size: contain 和 background-size: cover可能的值
| 值 | 描述 | 示例 |
|---|---|---|
auto | 图片的固有尺寸（如果与另一个值一起使用，则为宽高比；见下文）。默认行为。 | |
| [length] | 单独使用时，这指的是图片的宽度，高度默认为 auto。 | 64px |
| [percentage] | 背景定位区域（由 background-origin 定义）的百分比。单独使用时，这指的是图片的宽度，高度默认为 auto。 | 25% |
contain | 图片缩放到可能的最大尺寸，以便整个图片适合背景定位区域内。保持图片宽高比。 | |
cover | 图片缩放到可能的最大尺寸，以便填满背景定位区域。保持图片宽高比，但可能裁剪图片宽度或高度。 | |
| [值] [值] | 图片的宽度（第一个值）和高度（第二个值）。值可以是 auto、长度和百分比的混合。 | 100% 32px |
[值], [值] | 用于多重背景。用逗号分隔的值对应于使用 background-image 分隔的多个图片。 | 100% 32px, cover |
inherit | ||
initial | ||
unset | ||
示例
header {
background-image: url("logo.png");
background-size: 100% 50%;
}
/* "logo.png" is stretched to the entire width of the header and half of its height. */