Flexbox 在 Safari 中不起作用（前缀）

Question

由于某种原因，我的 flexbox 在 Safari 中无法正常工作。

它在 iOS 上的 Chrome 中也不适用于我，但我的 Mac 或 Android 设备上的 Chrome 可以正常工作。下面是我的代码。

div.row {
 padding: 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-justify-content: center;
 -ms-justify-content: center;
 }
div.inner {
 -webkit-box-flex: 1;
 -webkit-flex: 1;
 -ms-flex: 1;
 flex: 1;
 text-align: center;
 padding: 0 10px;
 padding-top: 50px;
 min-width: 200px;
}

我做了一个 JSFiddle http://jsfiddle.net/mynv6k4q/ 来展示。

当视口变小时，底部的块应该伸展，顶部的两个块需要彼此并排，直到它们的宽度小于 200px。这在 Chrome 中运行良好，但 Safari 无法运行，即使它是前缀。

可能出了什么问题？

Answer 1

已通过将“flex: 1”更改为“flex: 1 0 200px”来解决此问题。显然 min-width 并不能真正与 Safari 中的 Flexbox 结合使用。