max-width

一言で言うと

画像や要素が伸び過ぎないように上限を置く。

もう少し詳しく

画像や要素が伸び過ぎないように上限を置く。IT エンジニアリングの現場で頻繁に登場する概念のひとつで、関連する仕組みやベストプラクティスと合わせて理解しておくと応用が利きます。

要素の幅に上限を設定するプロパティで、要素の実際の幅が設定値より小さい場合は制限がかかりません。width は常にその値を適用しますが、max-width はあくまで「それ以上には広がらない」という上限として機能します。min-width（最小幅）と組み合わせることで、可変レイアウトの幅を一定の範囲内に収めることができます。

実務でどう使うか

関連する章

Ch144 で詳しく学べます。