在前端開發中，CSS是至關重要的一部分，對于網頁布局而言，我們需要根據內容的規模來設置寬度。以下是具體的實現方式：

.container {
max-width: 800px;
width: 100%;
margin: 0 auto;
}
.content {
width: 100%;
max-width: 600px;
margin: 0 auto;
}

如上代碼所示，我們設置了一個容器的最大寬度為800px，并讓它水平居中。在這個容器中，我們又設置了一個內容框，把內容框的最大寬度限制在了600px內。

根據內容設置寬度，可以保證網頁的整體布局更加美觀合理。同時，考慮到移動設備的兼容性，我們還可以針對不同的屏幕大小動態調整元素的寬度。比如：

@media screen and (max-width: 768px) {
.container {
max-width: 600px;
}
.content {
max-width: 400px;
}
}

如上代碼所示，我們在媒體查詢中設置了屏幕最大寬度為768px時，容器和內容框的寬度都進行了調整。這樣，在移動設備上瀏覽時，布局也能保持較好的顯示效果。

總的來說，CSS 根據內容設置寬度是開發中非常重要的一環。它能夠確保網頁展示效果更加優秀，并增加頁面的可讀性，提高用戶體驗感。