我尝试使用flexbox作为导航栏，如下面的jsfiddle链接所示
它就像firefox下的魅力一样 - 如jsfiddle页面所示，但在chrome中，第一个图标位于导航栏的中心，但第二个图标被踢出导航栏。
我知道
-webkit-box-flex:1.0; /* Chrome */
和
-moz-box-flex:1.0; /* Firefox */
在两个浏览器中表现不同，但是如何在两个浏览器中强制执行完全相同的flexbox行为？
答案 0 :(得分：3)
在该测试用例中，您没有在Firefox或Chrome中使用实际的CSS flexbox。你在Firefox中使用的是XUL盒子，而在Chrome中则是一个非常古老且有漏洞的“flexbox”草案。它们彼此之间的行为完全不同，并且与http://dev.w3.org/csswg/css-flexbox/
中的当前弹性箱草案完全不同我建议不要使用-moz-box或-webkit-box，因为它们基本上非常破碎，将被删除，而不是修复。