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

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

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

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

这种情况在移动端出现时，也可以给图片加上这个属性，（微信页面可能出现底部白边的情况更多，可能是因为很多微信页面是以图片为主）

解决方法2：用PS软件把背景图片的高度调高一些。出现的原因：可能是背景图片本身的高度不够，这种情况一般会出现底部留白比较多的情况，如下图：

注：个人推荐移动端背景图片的分辨率为 640*1136， 能够减少出现底部有少许白边的情况