Bagaimana Saya Boleh Memulihkan Kelakuan Flexbox Firefox 33.x dalam Firefox 34.x dan Kemudian?

Memulihkan Gelagat Flexbox daripada Firefox 33.x dalam Firefox 34.x dan Seterusnya

Kemas kini terbaharu kepada Firefox (dalam versi 34 dan 35) telah mengubah tingkah laku lalai Flexbox. Jika anda sangat bergantung pada Flexbox untuk reka letak aplikasi anda dan melihat perubahan yang tidak dijangka, artikel ini akan membimbing anda dalam mereplikasi gelagat yang terdapat dalam Firefox 33.x dalam versi yang lebih baharu.

Perbezaan utama antara Flexbox dalam Firefox 33.x dan 34.x terletak pada pengenalan "saiz minimum tersirat item fleksibel." Ciri ini, yang telah dialih keluar dan kemudian ditambahkan semula pada spesifikasi Flexbox, memperuntukkan saiz minimum untuk melenturkan item, menyebabkan ia melangkaui port pandangan dalam senario tertentu.

Untuk memulihkan gelagat daripada Firefox 33.x , anda boleh menambah peraturan gaya berikut:

* { min-height: 0; }

Peraturan ini berkesan menetapkan ketinggian minimum semua elemen kepada 0, membenarkan reka letak fleksibel untuk berkelakuan seperti yang dilakukan dalam Firefox 33.x.

Sebagai alternatif, anda boleh menggunakan ketinggian min: 0 hanya pada elemen tertentu yang memenuhi kriteria berikut:

• Kanak-kanak menegak -bekas lentur (lajur) berorientasikan
• Mengandungi keturunan tinggi yang memerlukan limpahan

Dalam kes tertentu anda, anda mungkin perlu menggunakan ketinggian min: 0 di seluruh bekas flex bersarang dalam aplikasi anda, kerana setiap elemen dalam hierarki mungkin mempunyai keturunan tinggi yang memerlukan pengendalian limpahan.

Untuk mendapatkan cerapan tambahan dan contoh kandungan yang dipengaruhi oleh perubahan spesifikasi Flexbox ini, sila rujuk laporan pepijat Mozilla berikut: https://bugzilla.mozilla.org/show_bug.cgi?id=1043520

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