如何修復 Firefox 34 損壞的 Flexbox 佈局並恢復 Firefox 33 行為？

在Firefox 34.x 中恢復Firefox 33.x Flexbox 行為

Firefox 34.x 的更新導致了Flexbox 佈局行為的一些意外變化，導致超出視口邊界。此問題歸因於 Flexbox 規範的修改，特別是引入了「彈性項目的隱含最小尺寸」。

要解決此問題並恢復先前的行為，最簡單的解決方案是添加樣式規則 * { min-height:0 } 或 * { min-width:0 } 用於水平容器。這確保元素開始時沒有最小尺寸，並允許它們根據需要縮小。

但是，更有針對性的方法是將min-height:0 僅應用於滿足以下條件的特定元素：

1. 它們是面向「列」的彈性容器的子級。
2. 它們有一個高大的後代，允許溢出。

在存在巢狀 Flex 容器的情況下（例如原始範例），可能需要將 min-height:0 套用於巢狀層次結構中的所有元素。

以上是如何修復 Firefox 34 損壞的 Flexbox 佈局並恢復 Firefox 33 行為？的詳細內容。更多資訊請關注PHP中文網其他相關文章！