如何在 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中文网其他相关文章！