Η Επίδραση της Απληστίας Στοιχείων στη Συμπίεση των Flex Μπλοκ στο CSS

Ας δούμε τώρα την επίδραση της απληστίας. Ας αφαιρέσουμε το πλάτος από όλα τα θυγατρικά και ας ορίσουμε στα θυγατρικά flex-grow στην τιμή 1, και στο δεύτερο θυγατρικό - στην τιμή 3. Ως αποτέλεσμα, το δεύτερο μπλοκ θα είναι 3 φορές μεγαλύτερο από τα υπόλοιπα.

Ωστόσο, αν συμπιέσετε αρκετά το παράθυρο, τότε το δεύτερο μπλοκ δεν θα είναι πλέον μεγαλύτερο από τα υπόλοιπα κατά 3 φορές - με ισχυρή συμπίεση η διαφορά σβήνει. Βεβαιωθείτε μόνοι σας, πειραματιζόμενοι με το ακόλουθο παράδειγμα, επεκτείνοντας και συμπιέζοντας το παράθυρο του προγράμματος περιήγησης: