CSSにおけるflexブロックの圧縮に対する要素の貪欲さの影響

それでは、貪欲さの影響を見てみましょう。 すべての子要素から幅を取り除き、 子要素にflex-growを値1に設定し、 2番目の子要素には値3を設定します。 その結果、2番目のブロックは 残りのブロックの3倍の大きさになります。

しかし、ウィンドウを十分に強く縮小すると、 2番目のブロックはもはや残りの3倍の大きさにはなりません - 強く圧縮されると差はなくなります。 以下の例を操作して、ブラウザのウィンドウを 拡大・縮小しながら、これを自分で確認してください：