CSS背景圖怎么自適應全屏(手機或者電腦)


#demo{
  background-img:url(../bg.png);
    --(1)適用於上半部分背景圖片,下半部分純色
將背景圖像等比縮放到完全覆蓋屏幕,背景圖有可能超出屏幕(容器)
    background-size:cover;

--(2)將背景圖像等比縮放到寬度或高度與容器的寬度或高度相等,背景圖像始終被包含在容器內。
   background-size:contain;
   --(3)最簡單粗暴的方法,缺點會給背景拉伸變形;
   background-size:100%  100%;
}


免責聲明!

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



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