CSS 是一種用于網頁樣式設計的標記語言，CSS 的一項基本功能是確定網頁元素的尺寸和位置。而其中一個非常重要的因素就是頁面的寬度。在 CSS 中，我們通常使用幾種方式來定義頁面寬度。

/*設置頁面寬度為固定大小，如1000px*/
body {
width: 1000px;
}
/*設置頁面寬度為百分比，如80%*/
body {
width: 80%;
}
/*使用最大寬度來限制頁面寬度*/
.container {
max-width: 1000px;
width: 100%;
}

以上三種方式都可以被用來設置頁面的寬度。但是，每種方式都有不同的適用場景和優缺點。

如果我們需要一個定寬的頁面，那么可以使用第一種方式。這樣可以保持頁面的長寬比例，同時固定寬度也有助于控制內容的布局。但是這種方式缺乏靈活性，并且無法自適應不同的設備。

如果我們需要一個能夠自適應的頁面，那么可以使用第二種方式。這種方式可以根據設備的屏幕尺寸自動調整頁面寬度，使得頁面更具響應性。但是這種方式需要注意一些細節，比如在設置百分比寬度時需要考慮到 border、padding 和 margin 的影響。

如果我們需要一個同時兼顧定寬和自適應的頁面，那么可以使用第三種方式。這種方式使用 max-width 屬性來限制頁面的最大寬度，同時使用 width 屬性來設定頁面的默認寬度。當頁面的寬度小于最大寬度時，頁面會自動縮小到設定的寬度。當頁面的寬度超過最大寬度時，頁面將被限制在最大寬度之內。這種方式既具有定寬的優勢，又具有自適應的優勢，可以在不同的設備上獲得更好的用戶體驗。

綜上所述，頁面寬度在 CSS 中是一個非常重要的設計因素。我們可以根據不同的需求和場景，選擇不同的設置方式來實現頁面的設計和布局。