CSS中max-width屬性是一個很有用的屬性，它的作用是限制元素的最大寬度，并且可以自動調整元素的高度。這個屬性在響應式設計中經常使用，可以讓網頁在不同屏幕大小下保持一致的表現。

.example {
max-width: 800px;
width: 100%;
}

在上面的代碼中，元素的最大寬度被限制在800像素之內。在屏幕超過800像素的情況下，元素將占滿整個屏幕。這樣可以確保元素不會超出屏幕邊界，避免出現橫向滾動條或者元素被截斷的情況。

同時，max-width屬性也可以應用在圖像上。我們可以使用這個屬性設置一個圖像的最大寬度，當圖像實際尺寸超過這個值時，它將縮小以適應其容器。這個方法可以確保圖像總是適應于其容器，而且圖像之間的相對大小不會變化。

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

在上面的代碼中，我們將圖像的最大寬度設置為100%，這表示圖像將跟著其容器的寬度進行縮放。同時，我們將圖像的高度設置為auto，這樣圖像的高度將按照原始比例自動調整。這種方法可以確保圖像總是適應于其容器，并且不會變形。

總之，max-width屬性是一個非常實用的屬性，它可以在響應式設計中用來確保網頁的美觀和穩定性。在使用這個屬性的時候需要注意一些細節，比如要設置寬度為100%，以及需要將高度設置為auto。當我們正確地使用這個屬性時，它會給我們的網頁帶來很多好處。