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