移动端开发填坑之div与背景图之间出现缝隙最近做一个简单的H5，遇到一个磨人的小bug。测试时iphone手机，华为手

最近做一个简单的H5，遇到一个磨人的小bug。上下两个百分比高度的div,上面div设置如下:

background: url("../img/bg.jpg") #ffffff no-repeat bottom;
background-size: contain;

测试时iphone手机，华为手机都显示正常，小米9会在背景图片下面显示0.01px的缝隙。浏览器调试窗口100%都显示正常，75%或更小时是会出现这个问题。

下面说一下百度到的方法：

1.将div的margin-top设一个很小的负数。

2.确信内外边距、描边等设置都没问题的话，img的尺寸换双数。

3.将图片：background-size: cover;铺满整个盒子即可。

最后测试，给div动态设置margin-top：-2px 后缝隙消失。值是一点点试出来的，无奈之举，还没找到其他好方法。