移动端图片在部分手机失帧已经出现底部出现留白

<div class="imgBox">

</div>
.imgBox{
    background:url();
    background-size:cover;
    width:100%;
    heigth:100%;
    }

或者
<div class="imgBox">
<img src="img1.png" class="imgCover">
</div>
.imgCover{
    width:100%;
    height:100%;
}

这样写在部分手机上都会出现手机屏幕失帧的效果，图片会被拉伸
解决方法，给图片加{object-fit:cover;}这样图片就会正常显示


有时候在写图片铺满整个容器的时候，会出现，由于图片高度不够，会出现底部留白的情况
这个时候我们可以通过，
html,body{
    width:100%;
    height:100%;
    overflow:hidden;
}
可能还会有很多很好的，方法，欢迎一起交流哈~


最后，又了解了一种新的对于前端开发很好用的自测软件，尤其是移动端开发，winSCP,有兴趣可以尝试一下哦