Bagaimanakah Saya Boleh Membetulkan Susun Atur Flexbox Firefox 34 yang Rosak dan Memulihkan Gelagat Firefox 33?

Memulihkan Kelakuan Flexbox Firefox 33.x dalam Firefox 34.x

Kemas kini kepada Firefox 34.x telah mengakibatkan beberapa perubahan yang tidak dijangka dalam tingkah laku susun atur flexbox, menyebabkannya untuk melebihi sempadan viewport. Isu ini dikaitkan dengan pengubahsuaian dalam spesifikasi Flexbox, khususnya pengenalan "saiz minimum tersirat item fleksibel."

Untuk menyelesaikan perkara ini dan memulihkan gelagat sebelumnya, penyelesaian paling mudah ialah menambah peraturan gaya * { min-height:0 } atau * { min-width:0 } untuk bekas mendatar. Ini memastikan elemen bermula tanpa saiz minimum dan membolehkannya mengecil seperti yang diperlukan.

Walau bagaimanapun, pendekatan yang lebih disasarkan adalah menggunakan ketinggian min:0 sahaja kepada elemen tertentu yang memenuhi kriteria berikut:

1. Mereka adalah anak-anak bekas flex berorientasikan 'lajur'.
2. Mereka mempunyai keturunan yang tinggi iaitu dibenarkan melimpah.

Dalam kes di mana terdapat bekas flex bersarang, seperti contoh asal, ketinggian min:0 mungkin perlu digunakan pada semua elemen dalam hierarki bersarang.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membetulkan Susun Atur Flexbox Firefox 34 yang Rosak dan Memulihkan Gelagat Firefox 33?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!