在FF 34.x 及更高版本中複製FF 33.x Flexbox 行為
Firefox 34 及更高版本中的Flexbox實作引入了一項新功能稱為「彈性項目的隱含最小尺寸」。此變更會導致 Flexbox 容器中的元素超出視窗,從而破壞先前的佈局。桌面應用程式依賴 Flexbox 的使用者可能會遇到這個問題。
要恢復原始 FF 33.x 的行為,可以加入一個簡單的樣式規則: * { min-height: 0; }。此行將所有元素的最小高度設為零,防止它們超過其容器的高度。
但是,在某些情況下,可能需要僅將 min-height:0 套用於特定元素。這適用於以下元素:
在最初的問題中,佈局問題是由嵌套在多個Flex 容器中的高元素引起的。若要解決此問題,應為巢狀鏈上的所有元素設定 min-height:0。
請注意,此規範變更導致網路上廣泛的佈局中斷。錯誤報告提供了更多詳細資訊和範例:https://bugzilla.mozilla.org/show_bug.cgi?id=1043520
以上是如何在更高版本中複製 Firefox 33.x Flexbox 行為?的詳細內容。更多資訊請關注PHP中文網其他相關文章!