html设置背景图片自动适应屏幕大小,css适应屏幕 CSS背景图片自适应屏幕大小
时间: 2023-07-22 13:11:04 浏览: 861
html5背景图片自适应特效代码
在HTML中,可以使用以下代码将背景图片设置为自适应屏幕大小:
```html
<style>
body {
background: url("your-image-url") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
```
在CSS中,可以使用以下代码将背景图片设置为自适应屏幕大小:
```css
body {
background: url("your-image-url") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
```
这将使背景图片自适应屏幕大小,并在屏幕大小发生变化时自适应调整。
阅读全文