<div class="divBox">
</div>
.divBox{
background: url(../images/bg1.png);
position: fixed;
width: 100%;
height: 100%;
background-size:cover;
}
亲测这样写会失真,有些手机会把图片拉的很长变形,解决方案如下:
<div class="divBox">
<img class="bgImg" src="images/bg2.png">
</div>
.bgImg{
position: fixed;
width: 100%;
height: 100%;
object-fit: cover; //这个属性好用
}