CSS是網頁設計的基礎語言之一，它可以讓網頁看起來更加美觀且具有交互性，而其中的一個重要功能就是讓頁面寬度自適應。下面我們就來看看CSS如何實現這個功能。

/* 首先，我們需要將body元素的寬度設置為100% */
body {
width: 100%;
}
/* 接著，我們需要給包裹內容的容器元素設置一個最大寬度 */
.container {
max-width: 1200px; /* 例如我們設置最大寬度為1200像素 */
margin: 0 auto; /* 將元素居中 */
}
/* 最后，我們需要給其中的內容元素設置一個寬度百分比 */
.content {
width: 100%; /* 寬度設置為100% */
max-width: 800px; /* 最大寬度設置為800像素 */
margin: 0 auto; /* 將內容居中 */
}

以上三段CSS代碼就是實現讓頁面寬度自適應的核心代碼，我們可以根據網頁設計的需求來修改其中的數值。通過以上CSS樣式，我們可以讓配合良好的HTML結構最終實現頁面寬度自適應，讓網頁在不同的設備上都能夠完美展示。