相信很多小伙伴遇到過用CSS插入背景圖時,底部出現白邊的情況,如下圖:
個人總結了2個方法如下:
解決方法1:給圖片都加上 vertical-align: middle屬性。有時,移動端也會有類似的情況出現,如下圖:
這種情況在移動端出現時,也可以給圖片加上這個屬性,(一般適用於底部留白較少的情況)
解決方法2:用PS軟件把背景圖片的高度調高一些,
出現原因:可能是背景圖片本身的高度不夠,這種情況一般會出現底部留白較多,如下圖:
注:個人推薦移動端背景圖片寬高為 750*1334,(以iPhone6為基准)