相信很多小伙伴遇到过用CSS插入背景图时,底部出现白边的情况,如下图:

 

   个人总结了2个方法如下:

  解决方法1:给图片都加上 vertical-align: middle属性。有时,移动端也会有类似的情况出现,如下图:

 

这种情况在移动端出现时,也可以给图片加上这个属性,(一般适用于底部留白较少的情况)

 

解决方法2:用PS软件把背景图片的高度调高一些,

       出现原因:可能是背景图片本身的高度不够,这种情况一般会出现底部留白较多,如下图:

 

 

 注:个人推荐移动端背景图片宽高为 750*1334,(以iPhone6为基准)

 

 

有需要的朋友可以领取支付宝到店红包,能省一点是一点