Mengapa Tatal Balik Lajur Flexbox Saya Tidak Berfungsi dalam Firefox dan Edge?

Flexbox Column-Reverse: Isu Tatal dalam Firefox, Edge dan IE

Dalam mengejar reka letak responsif untuk aplikasi web, Flexbox muncul sebagai penyelesaian. Walau bagaimanapun, pelaksanaan tertentu telah menghadapi cabaran dalam penyemak imbas seperti Firefox dan Edge.

Secara khusus, isu ini timbul apabila menggunakan sifat flex-direction: column-reverse. Walaupun ia berkelakuan seperti yang diharapkan dalam Chrome, ia melumpuhkan bar skrol dalam Firefox dan Edge.

Memahami Pepijat

Masalah ini berpunca daripada pepijat dalam Firefox, Edge dan IE11. Apabila menggunakan arah lentur: lajur-balik, penyemak imbas ini gagal menjadikan bar skrol boleh ditatal.

Penyelesaian: Sebaliknya menggunakan "lajur"

Untuk mengatasi isu ini, satu penyelesaian ialah beralih kepada arah-flex: lajur. Orientasi alternatif ini membolehkan fungsi menatal dalam semua penyemak imbas.

Pertimbangan Tambahan

Untuk mendapatkan maklumat lebih terperinci tentang isu ini, rujuk perkara berikut sumber:

• https://bugzilla.mozilla.org/show_bug.cgi?id=1042151
• https://philipwalton.com/archives/2014/07/flexbugs- column-reverse-and-overflow-y-not-scrollable.html

Atas ialah kandungan terperinci Mengapa Tatal Balik Lajur Flexbox Saya Tidak Berfungsi dalam Firefox dan Edge?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!