這篇文章將為大家詳細講解有關如何設置background-size的背景圖片的寬度和高度，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
語法：background-size: length|percentage|cover|contain;
length:
設置背景圖像的高度和寬度。
第一個值設置寬度，第二個值設置高度。
如果只設置一個值，則第二個值會被設置為 “auto”。
(會顯示整個圖片)
percentage:
以父元素的百分比來設置背景圖像的寬度和高度。
第一個值設置寬度，第二個值設置高度。
如果只設置一個值，則第二個值會被設置為 “auto”。
(會顯示整個圖片)
cover:
保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區域的最小大小。
背景圖像的某些部分也許無法顯示在背景定位區域中。
(只顯示部分圖片)
contain:
保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區域的最大大小。
(會顯示整個圖片，但可能會出現圖片重復)
關于如何設置background-size的背景圖片的寬度和高度就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
