<image class="bgm" src="../../assert/bgm.png"></image>
.bgm{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
上面是一开始用的代码设置,效果如下图,初始框没有问题,但是当上滑的时候就出现了空白了
一开始的思考方向是怎么让他自动拉满屏幕,后来看到一篇博客给了启发:用position:fixed,让他固定在屏幕上,这样看起来就像自动拉满
修改后的代码:
<image class="bgm" src="../../assert/bgm.png"></image>
.bgm{
position:fixed;
top:0;
left: 0;
width: 100%;
height: 100%;
}