設(shè)置背景圖片的大小,以長(zhǎng)度值或百分比顯示衅胀,還可以通過(guò)cover和contain來(lái)對(duì)圖片進(jìn)行伸縮卒茬。
語(yǔ)法
background-size: auto | <長(zhǎng)度值> | <百分比> | cover | contain
參數(shù)說(shuō)明:
- auto**:默認(rèn)值船老,不改變背景圖片的原始高度和寬度;
- <長(zhǎng)度值>:成對(duì)出現(xiàn)如200px 50px扬虚,將背景圖片寬高依次設(shè)置為前面兩個(gè)值努隙,當(dāng)設(shè)置一個(gè)值時(shí),將其作為圖片寬度值來(lái)等比縮放**辜昵;
- <百分比>**:0%~100%之間的任何值荸镊,將背景圖片寬高依次設(shè)置為所在元素寬高乘以前面百分比得出的數(shù)值,當(dāng)設(shè)置一個(gè)值時(shí)同上堪置;
- cover:顧名思義為覆蓋躬存,即將背景圖片等比縮放以填滿整個(gè)容器**;
- contain:容納舀锨,即將背景圖片等比縮放至某一邊緊貼容器邊緣為止**岭洲。