如何在 Firefox 34.x 及更高版本中恢復 Firefox 33.x Flexbox 行為？

在Firefox 34.x 及更高版本中從Firefox 33.x 恢復Flexbox 行為

Firefox 的最新更新（版本🎜>

Firefox 的最新更新（版本和版本35）改變了Flexbox 的預設行為。如果您的應用程式佈局嚴重依賴 Flexbox 並注意到意外的變化，本文將引導您在較新版本中複製 Firefox 33.x 中的行為。

Firefox 33.x 中 Flexbox 之間的主要區別而 34.x 的關鍵在於引入了「彈性項目的隱含最小尺寸」。此功能已被刪除，然後重新加入到 Flexbox 規格中，它為 Flex 項目分配最小尺寸，導致它們在某些情況下延伸到視窗之外。

從Firefox 33.x 恢復該行為，您可以添加以下樣式規則：

* { min-height: 0; }

此規則有效地將所有元素的最小高度設置為0，從而允許Flex 佈局的行為與Firefox 中一樣33.x.

或者，您可以只將min-height: 0應用於滿足以下條件的特定元素：

• 垂直方向（列）彈性容器的子級
• 包含一個需要溢出的高個後代

在你的特定在這種情況下，您可能需要在應用程式中的整個嵌套Flex 容器中應用min-height: 0，因為層次結構中的每個元素可能都有一個需要溢出處理的高後代。

有關內容的其他見解和範例受此 Flexbox 規範變更影響，請參考以下 Mozilla 錯誤回報：https://bugzilla.mozilla.org/show_bug.cgi?id=1043520

以上是如何在 Firefox 34.x 及更高版本中恢復 Firefox 33.x Flexbox 行為？的詳細內容。更多資訊請關注PHP中文網其他相關文章！