Mengapa Susun Atur Flexbox Saya Berubah Antara Firefox 33.x dan 34.x?

Percanggahan Flexbox FF 34.x dengan Gelagat FF 33.x

Pengguna Firefox 34.x atau 35.x telah memerhati flexbox yang tidak dijangka tingkah laku berbanding Firefox 33.1. Percanggahan ini dikaitkan dengan perubahan yang diperkenalkan dalam spesifikasi flexbox, terutamanya penambahan "saiz minimum tersirat item fleksibel."

Menyelesaikan Isu

Untuk memulihkan tingkah laku daripada Firefox 33.x dalam Firefox 34.x, penyelesaian paling mudah ialah menggunakan gaya CSS berikut peraturan:

• { min-height:0 }

Ini akan mengatasi "saiz minimum tersirat" dan menghalang reka letak daripada berkembang melepasi ruang pandang.

Kes Penggunaan Khusus

Dalam senario asal, isu reka letak timbul disebabkan kepada gabungan elemen tertentu dalam bekas flex berorientasikan "lajur". Untuk memastikan tingkah laku yang betul, kriteria berikut mesti dipenuhi:

• Tambah ketinggian min:0 pada setiap elemen kanak-kanak yang:

  • Merupakan keturunan bekas flex berorientasikan "lajur"
  • Mengandungi keturunan tinggi yang memerlukan limpahan

Dalam kes seperti senario asal, di mana terdapat berbilang bekas flex bersarang, penggunaan ketinggian min:0 pada semua elemen bersarang mungkin diperlukan.

Atas ialah kandungan terperinci Mengapa Susun Atur Flexbox Saya Berubah Antara Firefox 33.x dan 34.x?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!