CSS中的max-width屬性用來設置一個元素的最大寬度，即當元素的寬度超過某個值時，寬度不再增加。

/*設置一個元素最大寬度為500像素*/
div {
max-width: 500px;
}

在實際應用中，max-width屬性可以用來實現響應式布局。比如，在移動設備上，我們希望網頁布局能夠更加緊湊，而在大屏幕上則希望可以放大內容。這時，可以通過媒體查詢結合max-width屬性來實現。

/*在寬度小于等于767像素時，設置元素最大寬度為100%*/
@media (max-width: 767px) {
div {
max-width: 100%;
}
}
/*在寬度大于767像素時，設置元素最大寬度為960像素*/
@media (min-width: 768px) {
div {
max-width: 960px;
}
}

需要注意的是，如果一個元素的寬度小于max-width屬性設置的值，max-width屬性不會對元素產生任何影響。除此之外，max-width屬性同時還具有一個默認值——none，表示元素沒有最大寬度限制。