Einfluss der Gier von Elementen auf die Kompression von Flex-Blöcken in CSS

Schauen wir uns nun den Einfluss der Gier an. Entfernen wir die Breite bei allen Nachkommen und setzen wir bei den Nachkommen flex-grow auf den Wert 1, und beim zweiten Nachkommen - auf den Wert 3. Als Ergebnis wird der zweite Block 3 mal größer sein als die übrigen.

Wenn man das Fenster jedoch stark genug komprimiert, wird der zweite Block nicht mehr 3 mal größer sein als die übrigen - bei starker Kompression verwischt sich der Unterschied. Überzeugen Sie sich selbst davon, indem Sie mit dem folgenden Beispiel experimentieren, indem Sie das Browserfenster erweitern und verengen: