CSS中的max-width属性表示元素的最大宽度，即该元素的宽度不能超过指定的值。这个属性实际上是用来控制元素在浏览器中的显示宽度。

例子：<style>p{max-width: 300px;}</style>

上面的例子中，我们设置了p元素的最大宽度为300px。如果p元素的宽度超过300px，那么它就会自动缩小到最大值为300px。

在实际开发中，max-width属性通常用于适应不同的设备和屏幕大小。比如，我们可以为网页中的图片设置max-width属性，当用户浏览网页时，图片可以根据设备的屏幕大小自适应缩放。

例子：<style>img{max-width: 100%;height: auto;}</style>

上面的例子中，我们为img标签设置了max-width属性，将其最大宽度设置为100%。这意味着无论用户使用什么设备访问网页，图片都可以自动缩放到适当的大小。

除了设置max-width属性，我们还可以设置min-width和width属性来控制元素的宽度。通过这些属性的使用，我们可以更好地控制网页在不同设备和屏幕上的显示效果，提高用户的浏览体验。