如何在 FF 34.x 及更高版本中保持 FF 33.x Flexbox 相容性？

在FF 34.x 中實現FF 33.x Flexbox 相容性

在Firefox 34.x 中，Flexbox 行為已進行了修改。這導致一些先前的功能佈局被破壞。

隱含的最小尺寸問題

FF 33.x 和 34.x Flexbox 實現之間的主要差異集中在隱含的彈性項目的最小尺寸。在 FF 34.x 中，已重新引入此功能，影響佈局行為。

重新建立FF 33.x 行為

在FF 中恢復FF 33.x 行為34.x 或35.x，應用此CSS規則：

* { min-height:0 }

此規則普遍將最小高度設為零，並覆蓋新的預設行為。

目標應用程式

而上述規則是一個簡單的解決方案，理想情況下 min-height:0 應該只應用於需要它的特定元素。具體來說，此規則需要應用於以下任何元素：

• 是面向列的彈性容器的子元素
• 包含應允許溢出的高後代

範例

例如，在提供的fiddle (http://jsfiddle.net/yoL2otcr/1/)，已套用 min-height:0 來修正溢位問題。

更多資訊

有關此特定Flexbox 規範更改的更多資訊和範例，請參閱Mozilla 錯誤追蹤器： https://bugzilla.mozilla.org /show_bug.cgi?id=1043520

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