css3 - この例では、CSS フレックス ボックスの flex プロパティがこのように設定されているのはなぜですか?

Question

CSS コードの item1 と item2 の次の設定が理解できません。flex:1 2 200px;これら 3 つの値が flex-grow## に対応していることはわかっています。 #,## それぞれ #flex-shrink,flex-basis ですが、これを書いた意図がわかりません リーリー 完全なコードは次のとおりです

html:

リーリー

CSS：

リーリー

最終的なレンダリング効果は次のとおりです:

Answer 1

例えとして、ブラウザ環境では、ブラウザを縮小すると item1 と item2 が沈み込み、3 つの P ボックスが横に並べられるのではなく、縦に並ぶようになります。大きくすると浮き上がり、並んで配置されます。