CSS3中的background-size屬性可以控制背景圖片的大小,它可以用于設(shè)置背景圖片的寬度和高度,讓背景圖片適應(yīng)于不同的屏幕尺寸和設(shè)備。
下面是background-size的語法:
background-size: 寬度 高度;
其中,寬度和高度可以使用以下單位:
- px - 像素
- % - 百分比
- em - 字體大小單位
- auto - 自動計算大小
- cover - 圖片等比縮放并占滿父容器,可能會被裁剪
- contain - 圖片等比縮放至不超過父容器,不會被裁剪
使用background-size屬性來設(shè)置背景圖片的大小,可以讓圖片更好地適應(yīng)不同的設(shè)備屏幕,同時還可以提高頁面的響應(yīng)速度和用戶體驗。