CSS樣式max-width是用來控制元素的最大寬度，它可以有效地控制容器的大小，以使網頁布局更加美觀和協調。

.container{
max-width: 900px;
}

在上面的代碼中，我們設置了一個容器的最大寬度為900像素。如果容器的寬度大于900，那么它將被自動調整為900像素，這樣就使容器的寬度始終小于或等于900像素。

.img{
max-width: 100%;
height: auto;
}

在上面的代碼中，我們設置了圖片的最大寬度為100%，這樣就可以根據瀏覽器窗口的大小自適應圖片的大小。同時，設置height:auto可以確保圖片按照等比例縮放。

使用max-width的好處在于，當頁面縮放時，元素的寬度仍然可以適應不同的屏幕大小。這樣可以確保網站在不同的設備上都能呈現出良好的效果。