Inverkan av elementens girighet på komprimering av flex-block i CSS

Låt oss nu titta på inverkan av girighet. Ta bort bredden från alla barn och sätt flex-grow till 1 för alla barn, och för det andra barnet - till 3. Som ett resultat blir det andra blocket 3 gånger större än de andra.

Men om du komprimerar fönstret tillräckligt mycket, kommer det andra blocket inte att vara större än de andra i 3 gånger - vid stark komprimering utjämnas skillnaden. Övertyga dig själv om detta genom att leka med exemplet nedan, genom att expandera och dra ihop webbläsarfönstret: