Pengaruh Lebar Ibu Bapa dalam Peratusan terhadap Pengecutan Blok Flex dalam CSS

Katakan kita sekarang mempunyai lima elemen flex, disusun dalam satu baris. Mari kita tetapkan lebar ibu bapa dalam peratusan, dan untuk semua anak now, tetapkan lebar kepada 100px.

Buka contoh di bawah dan kecilkan tetingkap penyemak imbas sehingga elemen tidak lagi muat dalam ibu bapa. Untuk ini, tetingkap perlu dikecilkan kepada kurang daripada 500px, kerana kita ada 5 elemen setiap satu 100px. Seperti yang anda sudah ketahui, apabila dikecilkan sedemikian, penyemak imbas akan secara paksa mengurangkan lebar elemen kepada kurang daripada 100px supaya ia muat dalam ibu bapa. Jadi, inilah contohnya: