要素の最大幅を指定するプロパティです。widthと組み合わせてレスポンシブなデザインが可能です。
max-width: <length> | <percentage> | none
max-width: 600px;
最大幅を600pxに制限
max-width: 100%;
親要素の幅を超えないようにする
画像やコンテンツの横スクロール防止に便利。
widthとmax-widthを併用した場合、max-widthが優先される。
全ブラウザ対応