網頁設計中，如何設置頁面的寬度一直是個重要的問題。CSS 提供了一種簡單的方法來設置每個頁面的寬度，這種方法是固定頁面寬度。下面我們就來介紹如何使用 CSS 實現固定屏幕寬度。

body {
width: 960px; /*設置頁面寬度*/
margin: 0 auto; /*將頁面居中顯示*/
}

上面的代碼在 body 元素中設置了一個固定的寬度。這個寬度是 960 像素，也就是說，這個頁面的寬度不會隨著屏幕或瀏覽器窗口大小的變化而變化。

如果你希望你網站的寬度是適應不同屏幕的話，可以考慮使用自適應寬度。下面是一個基礎的代碼示例：

body {
max-width: 960px; /*設置最大寬度*/
margin: 0 auto; /*將頁面居中顯示*/
}

上面的代碼中，max-width 屬性設置了頁面的最大寬度為 960 像素。如果屏幕尺寸小于 960 像素，頁面就會自動縮小。如果屏幕尺寸大于 960 像素，頁面就會保持最大寬度 960 像素。這個方法可以保證你的網站在不同設備上看起來都很不錯。

以上就是固定頁面寬度的兩種方法的介紹。希望這篇文章能幫助你在網頁設計中更好地使用 CSS。