CSS背景色自適應可以使網頁在不同屏幕尺寸下有更好的展示效果。下面我們來看一下如何實現它。

/* 設置body背景色 */
body {
background-color: #f4f4f4;
}
/* 設置容器的背景色和寬度 */
.container {
max-width: 900px;
margin: 0 auto;
background-color: white;
}

如上代碼所示，我們首先設置了body的背景色。然后在一個名為.container的容器里面設置了背景色和寬度。其中，max-width屬性限制了容器的最大寬度，margin: 0 auto則使其自動居中。

這樣，在不同設備分辨率下，頁面就會自適應地進行背景色的調整，從而達到更好的展示效果。