Տարրերի ագահության ազդեցությունը CSS-ի flex բլոկների սեղմման վրա

Եկեք հիմա դիտարկենք ագահության ազդեցությունը: Եկեք բոլոր ժառանգներին հանենք լայնությունը և դնենք ժառանգներին flex-grow-ի արժեքը 1, իսկ երկրորդ ժառանգին՝ արժեքը 3: Արդյունքում կստացվի, որ երկրորդ բլոկը կլինի 3 անգամ մեծ մնացածներից:

Սակայն, եթե բավականաչափ սեղմել պատուհանը, ապա երկրորդ բլոկն այլևս չի լինի մնացածներից մեծ 3 անգամ - ուժեղ սեղմման դեպքում տարբերությունը ջնջվում է: Համոզվեք դրանում ինքնուրույն, խաղալով ներքև բերված օրինակի հետ, լայնացնելով և նեղացնելով բրաուզերի պատուհանը: