看一下HTML代码:
<body>
<div class="box"></div>
</body>
CSS代码如下:
*{
margin: 0;
padding: 0;
}
.box{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.box::before{
display: block;
content: "";
height: 100%;
background: url("./img/6c89f115f22ef7516779f11434b310c1.jpg");
background-size: cover;
}
上图即可实现 图片 自适应的效果了