background image 自适应不变型
时间: 2023-08-31 17:06:34 浏览: 216
【css背景图片自适应】css怎么设置背景图片自适应大小
5星 · 资源好评率100%
要让背景图片自适应并不变形,可以使用CSS中的background-size属性。该属性用于设置背景图片的大小。
您可以将background-size属性设置为"cover",这将保持背景图片的纵横比并将其缩放到完全覆盖背景区域。如果您想要背景图片完全显示并保持其纵横比,则可以将background-size属性设置为"contain"。
例如,以下CSS将使背景图片完全覆盖背景区域并保持其纵横比:
```
body {
background-image: url("your-image-url.jpg");
background-repeat: no-repeat;
background-size: cover;
}
```
希望这可以帮助您。
阅读全文