CSS的背景屬性在網頁設計中扮演著非常重要的角色。不僅可以對網頁進行美化，還具有適應不同屏幕的能力。
使用CSS的background-size屬性可以對背景圖像的尺寸進行調整，從而適應不同的屏幕大小。
該屬性有兩個取值，分別為“cover”和“contain”。其中，cover表示背景圖像會被放大或縮小，以便覆蓋整個背景區域。而contain則表示背景圖像會被縮小，在保留其寬高比的同時，能夠完全顯示在背景區域內。
以下是代碼示例：

/* 背景圖像適應屏幕 */
body {
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-size: cover;
}

上面的代碼將網頁的背景設置為一張名為“bg.jpg”的圖片，并將background-size設置為“cover”，使其能夠在不同的屏幕上自適應。這將確保背景圖像始終以最大的尺寸填充整個屏幕。
同時，我們也可以將background-size設置為“contain”，以便在較小的屏幕上保留圖像的完整性。以下示例代碼：

/* 背景圖像適應屏幕 */
body {
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-size: contain;
}

以上代碼將網頁的背景設置為一張名為“bg.jpg”的圖片，并將background-size設置為“contain”。這將確保背景圖像在不同的屏幕上，其寬高比保持不變的同時，也完全顯示在背景區域內。
總的來說，使用CSS的背景屬性能夠輕松地適應不同的屏幕大小。這對于網頁設計者來說是非常重要的，因為他們需要確保網頁在不同的屏幕上都能夠呈現出最佳的效果。