我试图让两个元素填充其容器并在达到某个最小尺寸时进行包装。我的代码在除 safari 之外的所有浏览器上都能完美运行，而且我无法找到替代方案。这似乎是 flex-basis: 0 的问题
问题是这样的：
http://www.cssdesk.com/RKeNY http://www.cssdesk.com/RKeNY
两者在 Safari 和 Chrome 中的显示方式不同。当 safari 上的容器宽度发生变化时，flex-wrap 不起作用。
尝试设置
-webkit-flex:1 1 auto;
代替
-webkit-flex:1;
在弹性元素上。
这里讨论这个问题：https://github.com/Modernizr/Modernizr/issues/1414 https://github.com/Modernizr/Modernizr/issues/1414
具体来说：
hexalys 评论于 28 天前
要启用换行，您需要专门设置 flex: auto
（相当于 flex: 1 1 auto;）或者设置两个属性 flex-shrink:
1；和弹性基础：自动。弯曲度：1；你的代码中确实有弹性：
1 1 0 像素；技术上允许收缩，但显然有一个错误
Safari 中带有 webkit 前缀的版本不允许使用 Flex
在这种情况下换行，而它在无前缀的情况下正确执行
Chrome 和 Firefox 版本。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
