CSS設置最大寬度是一個很常見的需求。在大屏幕設備上，內容過寬會導致閱讀困難甚至失去重點。在移動設備上，過寬的內容則會產生橫向滾動條，影響用戶體驗。

為了避免這些問題，可以使用CSS的max-width屬性來限制元素的最大寬度。max-width屬性可以接受百分比或者像素值。

以下是一個示例代碼：

.box {
max-width: 800px;
margin: 0 auto;
}

以上代碼將.box元素的最大寬度限制為800像素。由于設置了margin: 0 auto，元素會水平居中顯示。

需要注意的是，max-width只對塊級元素有效。如果需要對行內元素進行限制寬度，可以使用display: inline-block把行內元素轉換為塊級元素。

還有一個類似的屬性是min-width，用于設置元素的最小寬度。當瀏覽器寬度小于最小寬度時，元素會自動縮小以適應屏幕尺寸。

總之，在設計響應式布局時，合理使用max-width和min-width屬性可以幫助我們更好地控制元素寬度，提升用戶體驗。