為什麼我的 Flexbox 捲軸無法在 Firefox、Edge 和 IE 中使用「column-reverse」？

Flexbox 滾動條在Firefox、Edge 和IE 中的「列反轉」問題

在追求響應式設計時，開發人員遇到了使用Flexbox 在較小螢幕上反轉項目順序時出現意外的怪癖。雖然方法在 Chrome 中無縫運行，但捲軸在 Firefox、Edge 和 IE 中仍然處於停用狀態。

檢查 HTML 和 CSS，很明顯，帶有 flex-direction: column-reverse 的 Flexbox 確實是罪魁禍首。然而，經過調查，這種行為實際上是上述瀏覽器中的已知錯誤。

事實證明，當使用 flex-direction: column-reverse 時，滾動條僅出現在 Chrome 中。如果開發人員切換到 flex-direction: 列，則滾動條將在所有瀏覽器中正常運作。

有關更多詳細信息，以下資源提供了對該問題的深入見解：

• [Bug 1042151 - flex-direction：column-reverse（或「flex-direction： column；justify-content：flex-end」）與溢出-y：auto不可滾動]（https://bugzilla.mozilla.org/show_bug。cgi?id=1042151)
• [Philip Walton / flexbugs - 列反轉與溢位不可捲動](https://github.com/philipwalton/flexbugs/issues/399)

以上是為什麼我的 Flexbox 捲軸無法在 Firefox、Edge 和 IE 中使用「column-reverse」？的詳細內容。更多資訊請關注PHP中文網其他相關文章！