html - css flexbox wrap 属性在 ios6 上不起作用

我现在正在处理我的元素，所以我决定使用 flexbox 而不是 float。它对我来说很好，但我发现 display:flex 在旧 iphone (ios 6.1) 上不起作用。所以我添加了

display: -webkit-box;

Flex 属性现在可以使用，但所有元素都排成一排。我创建了一个简单的 fiddle , 来说明问题。 我还制作了两张截图，以展示它在 PC 和 iPhone 上的工作原理。

电脑:

iPhone:

如你所见 -webkit-flex-wrap: wrap 不起作用。

有人知道如何解决这个问题吗？ 希望对您有所帮助。

---

Best Answer-推荐答案

支持 current flexbox specification在 iOS 中直到 iOS 7.0 才开始。

iOS 3.2 - 6.1 支持 old flexbox specification并且不支持换行。

在此处查看浏览器支持数据:http://caniuse.com/#search=flexbox

关于html - css flexbox wrap 属性在 ios6 上不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33197129/