Ảnh hưởng của độ co giãn phần tử đến việc nén khối flex trong CSS
Bây giờ hãy xem ảnh hưởng của độ co giãn.
Hãy bỏ chiều rộng của tất cả các phần tử con và đặt
thuộc tính flex-grow cho chúng là 1,
riêng phần tử con thứ hai - là 3.
Kết quả là khối thứ hai sẽ
lớn gấp 3 lần các khối còn lại.
Tuy nhiên, nếu thu nhỏ cửa sổ đủ mạnh,
thì khối thứ hai sẽ không còn lớn hơn các khối khác
gấp 3 lần nữa - khi bị nén mạnh, sự khác biệt
sẽ bị xóa nhòa. Hãy tự mình kiểm chứng bằng cách thử nghiệm
với ví dụ bên dưới, mở rộng và thu hẹp
cửa sổ trình duyệt:
Hãy lặp lại ví dụ từ phần lý thuyết theo mẫu.