サンプルコードで、
flex: 1 1 100%;
max-width: none;
などと書かれているものがありました。
今まで何となく使っていたのですが、正しい違いを教えていただけますか。
スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。すぐ登録できます。
登録してこのコミュニティに参加するflex-basis
はflex
の中でのwidth
と同等と思ってよいかと思います。
max-width
はflex
に限らず最大幅はここまでと固定します。
flex-basis
と同時にwidth
も指定されているとflex-basis
の値が適用されます。
しかしmax-width
は「最大はここまでって言ってるだろ!」とflex-basis
やwidth
より強力なので、同時に指定されているとmax-width
が適用されます。
※flex-basis
の値がmax-width
の値を超えた場合。超えていなければflex-basis
の値が適用されます。
質問の例だと、どこかでmax-width
が指定されているのだと思います。
それをなしにしてflex-basis
の値が適用されるようにしていますね。