在前端網頁設計中，常常會使用CSS來控制元素在網頁中的布局和樣式。而屏幕大小的不同也會對網頁元素的表現產生影響。所以，為了能夠更好地適應不同的屏幕大小，我們可以通過CSS來設置各種不同的容器。

.container {
width: 80%;
max-width: 1200px;
margin: 0 auto;
}

上述代碼演示了如何創建CSS容器并使其適應不同的屏幕大小。其中，container類是一個常見的CSS類名，可以根據實際情況自行命名。這里我們會設置這個容器的寬度為80%，也就是說，容器會占據整個屏幕的80%寬度。

同時，我們還可以使用max-width屬性來設置容器的最大寬度，這樣就可以在大屏幕下限制容器的寬度，使頁面看起來更加舒適。取決于實際需求，我們可以將max-width的值設置為想要的數值，例如1200px。

最后，我們還可以通過margin屬性來調整容器在網頁中的位置。上述代碼中，我們將margin設置為0和auto，這意味著容器會在頁面的水平中心位置居中。

總之，CSS容器是一種非常有用的工具，可以幫助我們更好地控制元素在不同屏幕上的表現。通過合理地設置容器的寬度、最大寬度和margin屬性，我們可以創建出美觀、適應性強的網頁布局。