我试图让两个元素填充其容器并在达到某个最小尺寸时换行。我所使用的代码完全适用于除safari＆amp;之外的所有浏览器。我无法找到替代方案。这似乎是flex-basis的一个问题：0
问题在于：
两者在safari和chrome中的显示方式不同。当在safari上更改容器宽度时，柔性包装无效。
答案 0 :(得分：1)
尝试设置
-webkit-flex:1 1 auto;
而不是
-webkit-flex:1;
关于flex元素。
此处讨论：https://github.com/Modernizr/Modernizr/issues/1414
具体做法是：
hexalys 28天前评论过
要启用包装，您需要专门设置flex：auto （相当于flex：1 1 auto;）或设置属性flex-shrink： 1;和flex-basis：auto。 flex：1;您的代码中有flex： 1 1 0px;技术上允许收缩，但显然有一个错误 在Safari中使用webkit前缀版本，不允许使用flex 包裹在那种情况下，而它正确地做了没有前缀的 Chrome和Firefox的版本。