我尝试使用 flexbox 作为导航栏，如下面的 jsfiddle 链接所示
它在 firefox 下就像一个魅力——如 jsfiddle 页面所示，但在 chrome 中，第一个图标位于导航栏的中心，但第二个图标被踢出导航栏。
我知道
-webkit-box-flex:1.0; /* Chrome */
和
-moz-box-flex:1.0; /* Firefox */
在两个浏览器中表现不同，但我如何才能在两个浏览器中强制执行完全相同的 flexbox 行为？
最佳答案
在该测试用例中，您没有在 Firefox 或 Chrome 中使用实际的 CSS flexbox。您在 Firefox 中使用 XUL 框，在 Chrome 中使用非常古老且有问题的“flexbox”草稿。它们彼此之间以及与当前 flexbox 草案在 http://dev.w3.org/csswg/css-flexbox/ 上的行为完全不同。
我建议不要使用 -moz-box 或 -webkit-box，因为它们基本上很破损，将被删除，而不是修复。
关于html - flexbox 在 firefox 和 chrome 中的行为不一致？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19064558/