css背景图自适应大小
时间: 2023-07-25 18:26:06 浏览: 94
要让 CSS 背景图自适应大小,可以使用 `background-size` 属性。根据需求,可以将其设置为以下几个值之一:
- `contain`:图片将自适应大小,以便完全容纳在背景区域内,不会被裁剪。如果背景区域比图片大,则图片将被缩小以适应背景区域。
- `cover`:图片将自适应大小,以便完全覆盖背景区域,不会留白。如果背景区域比图片大,则图片将被放大以覆盖背景区域。
- 百分比:可以将 `background-size` 设置为百分比值,使背景图像相对于其容器进行缩放。
示例代码如下:
```css
.background {
background-image: url("example.jpg");
background-size: cover;
}
```
阅读全文