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

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

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

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

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

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

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