在網頁設計中，經常需要用到背景圖來美化頁面。但是，在使用 CSS 設置背景圖時，經常會遇到背景圖無法鋪滿整個屏幕的問題，這時該如何解決呢？ 解決方法： CSS 中有一個 background-size 屬性，可以控制背景圖的大小。默認情況下，背景圖的大小是 auto，即按照原圖大小顯示。當背景圖的原始大小無法鋪滿屏幕時，我們可以通過設置 background-size: cover; 來讓背景圖進行拉伸，以適應屏幕大小。 比如以下代碼：

body {
background-image: url(bg.jpg);
background-size: cover;
}

上面的代碼會將背景圖 bg.jpg 拉伸至鋪滿整個屏幕，既保證了圖片完整性，又不會出現拉伸失真的現象。 如果希望背景圖保留原來的比例，可以使用 background-size: contain; 屬性，它會將背景圖自適應縮放至能夠完整顯示在屏幕中，但同樣保持比例。 除此之外，還可以使用簡寫方式來設置 background-size，比如：

body {
background: url(bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

通過使用簡寫方法，可以確保在不同的瀏覽器上都能夠正常顯示背景圖。 總結： 使用 CSS 設置背景圖可以讓頁面更加美觀，但在設置時需要注意背景圖鋪滿屏幕的問題。通過控制 background-size 屬性可以輕松解決這個問題，讓背景圖適應不同的屏幕大小。