css插入背景圖片底部有白邊的解決方法


 

  相信很多小伙伴遇到過用CSS插入背景圖時,底部出現白邊的情況,如下圖:

 

   個人總結了2個方法如下:

  解決方法1:給圖片都加上 vertical-align: middle屬性。有時,移動端也會有類似的情況出現,如下圖:

 

這種情況在移動端出現時,也可以給圖片加上這個屬性,(一般適用於底部留白較少的情況)

 

解決方法2:用PS軟件把背景圖片的高度調高一些,

       出現原因:可能是背景圖片本身的高度不夠,這種情況一般會出現底部留白較多,如下圖:

 

 

 

 注:個人推薦移動端背景圖片寬高為 750*1334,(以iPhone6為基准)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM