Bagaimanakah Saya Boleh Meniru Kelakuan Firefox 33.x Flexbox dalam Versi Kemudian?

Menerap FF 33.x Flexbox Behavior dalam FF 34.x dan Beyond

Pelaksanaan flexbox dalam Firefox 34 dan kemudiannya memperkenalkan ciri baharu dikenali sebagai "saiz minimum tersirat item fleksibel." Perubahan ini menyebabkan unsur-unsur dalam bekas kotak flex berkembang melebihi ruang pandang, mengganggu reka letak sebelumnya. Pengguna yang bergantung pada flexbox untuk aplikasi desktop mungkin menghadapi isu ini.

Untuk memulihkan gelagat FF 33.x asal, peraturan gaya mudah boleh ditambah: * { min-height: 0; }. Garis ini menetapkan ketinggian minimum untuk semua elemen kepada sifar, menghalangnya daripada melebihi ketinggian bekasnya.

Walau bagaimanapun, dalam sesetengah kes, anda mungkin perlu menggunakan ketinggian min:0 sahaja pada elemen tertentu. Ini terpakai kepada elemen yang:

• Adakah anak bekas flexbox menegak
• Mengandungi keturunan tinggi yang bertujuan untuk melimpah

Dalam soalan asal, isu susun atur timbul daripada elemen tinggi yang bersarang dalam berbilang bekas fleksibel. Untuk menyelesaikan masalah ini, ketinggian min:0 hendaklah ditetapkan untuk semua elemen di sepanjang rantaian bersarang.

Perhatikan bahawa perubahan spesifikasi ini menyebabkan pecah reka letak yang meluas di web. Laporan pepijat menyediakan butiran dan contoh tambahan: https://bugzilla.mozilla.org/show_bug.cgi?id=1043520

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Meniru Kelakuan Firefox 33.x Flexbox dalam Versi Kemudian?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!