css插入背景图片底部有白边的解决方法

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

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

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

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

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

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

 

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

原文地址:https://www.cnblogs.com/tu-0718/p/6841539.html