在Safari中无法正常工作
在http://www.shopifyexperte.de/的主页上有两个弹性盒模块，一个在“Kundenstimmen”下面，另一个在“NeuesteBeiträge...”下面。 当内层盒子的长度低于220px时，它们应该被包裹起来，并且长度不超过30％。 这适用于最新的Chrome，FF和Opera（全部在Mac上），但在Safari 8.0.5（Mac）和任何iOS浏览器中，即使有足够的空间，这些框也不会排成一排。 他们总是包装，每一个都是自己的一排。
容器的CSS：
.homepage-testimonial-container {
display: flex;
display: -webkit-flex;
-webkit-flex: 1;
flex: 1;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
margin-top: 1em;
} 看来这是Safari中的一个错误。 在另一个问题中，我测试了使用最小宽度代替auto的地方，你说的东西像-webkit-flex: 1 1 auto; 。
这个问题有一些信息：https://stackoverflow.com/a/30792851/756329
设置像这样的子元素似乎适用于我
flex: 1 0 auto;
设置flex-basis: 20em也可以， min-width: 20em不会。