#demo{
background-img:url(../bg.png);
--(1)適用於上半部分背景圖片,下半部分純色
將背景圖像等比縮放到完全覆蓋屏幕,背景圖有可能超出屏幕(容器)
background-size:cover;
--(2)將背景圖像等比縮放到寬度或高度與容器的寬度或高度相等,背景圖像始終被包含在容器內。
background-size:contain;
--(3)最簡單粗暴的方法,缺點會給背景拉伸變形;
background-size:100% 100%;
}
#demo{
background-img:url(../bg.png);
--(1)適用於上半部分背景圖片,下半部分純色
將背景圖像等比縮放到完全覆蓋屏幕,背景圖有可能超出屏幕(容器)
background-size:cover;
--(2)將背景圖像等比縮放到寬度或高度與容器的寬度或高度相等,背景圖像始終被包含在容器內。
background-size:contain;
--(3)最簡單粗暴的方法,缺點會給背景拉伸變形;
background-size:100% 100%;
}
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。