Ảnh hưởng của chiều rộng khác nhau của các phần tử con đến việc nén khối flex trong CSS

Bây giờ hãy đặt chiều rộng cho tất cả các phần tử con là 100px, và cho phần tử con thứ hai - lớn hơn một phần rưỡi, tức là 150px. Trong trường hợp này, khi thu nhỏ cửa sổ trình duyệt, tất cả các phần tử sẽ bị thu nhỏ dưới chiều rộng đã đặt, tuy nhiên tỷ lệ sẽ được giữ nguyên - phần tử thứ hai sẽ lớn hơn các phần tử còn lại 1.5 lần. Và chỉ khi thu nhỏ cửa sổ rất-rất nhiều, đến mức hoàn toàn không còn chỗ, thì sự khác biệt của phần tử thứ hai so với phần tử còn lại sẽ biến mất: