CSS背景設置高度自適應屏幕是一個非常常見的需求，因為現在的屏幕尺寸各異，如果背景大小不合適，會使用戶體驗大打折扣。本文將介紹如何使用CSS代碼來實現背景大小的自適應設置。

/* CSS代碼 */
body {
background-image: url('example.jpg');
background-size: cover;
background-repeat: no-repeat;
}

首先，在CSS代碼中要設置頁面的背景圖像，這里以example.jpg為例。然后，需要設置background-size屬性為cover，這樣背景圖像就會自適應頁面大小，完全覆蓋整個頁面。同時，設置background-repeat為no-repeat，避免出現圖像重復的情況。

此外，如果頁面存在滾動條，那么設置背景的時候就需要考慮可視區域的高度，而不是整個頁面的高度。這可以通過如下代碼來實現：

/* CSS代碼 */
html, body {
height: 100%;
}
body {
background-image: url('example.jpg');
background-size: cover;
background-repeat: no-repeat;
min-height: 100%;
}

在這段代碼中，我們在html和body元素上設置高度為100%，這樣頁面高度就可以充滿整個瀏覽器窗口。然后，在body元素上設置min-height: 100%，這樣即使頁面高度小于瀏覽器窗口高度，背景也可以自適應窗口大小。

通過以上代碼，我們就可以非常方便地實現CSS背景設置高度自適應屏幕的功能，為各種屏幕尺寸的用戶提供更好的用戶體驗。