我尝试使用 flexbox 作为导航栏，如下面的 jsfiddle 链接所示
它在 Firefox 下就像一个魅力——如 jsfiddle 页面所示，但在 chrome 中，第一个图标位于导航栏的中心，但第二个图标被踢出导航栏。
我知道
-webkit-box-flex:1.0; /* Chrome */
和
-moz-box-flex:1.0; /* Firefox */
在两个浏览器中的行为不同，但我怎样才能在两个浏览器中强制执行完全相同的 flexbox 行为？
问问题
198 次
1 回答
3
在该测试用例中，您没有在 Firefox 或 Chrome 中使用实际的 CSS flexbox。您在 Firefox 中使用 XUL 框，在 Chrome 中使用非常古老且有缺陷的“flexbox”草稿。它们彼此之间以及与http://dev.w3.org/csswg/css-flexbox/上的当前 flexbox 草案有完全不同的行为
我建议不要使用 -moz-box 或 -webkit-box，因为它们基本上已经很损坏并且会被移除，而不是修复。
于 2013-09-29T15:20:30.763 回答