css flexbox wrap属性在ios6上不工作 [英] css flexbox wrap property doesn't work on ios6

问题描述

我现在正在处理我的项目，所以我决定使用 flexbox ，而不是 float 。它对我来说工作正常，但我发现 display：flex 不能在旧iphone（ios 6.1）上工作。所以我添加了

  display：-webkit-box; 
  

Flex属性现在可用，但所有项目都排成一行。我创建了一个简单的

如您所见 -webkit-flex-wrap：wrap 不工作。

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

解决方案

支持 iOS中的当前flexbox规范直到iOS 7.0才开始。

iOS 3.2 - 6.1支持旧版flexbox规范和不支持包装。

请参阅浏览器支持数据： http://caniuse.com/#search=flexbox

I am working on my project now, so I decided to use flexbox instead of float. It works fine for me, but I've found that display:flex doesn't work on the old iphone (ios 6.1). So I've added

display: -webkit-box;

Flex property works now, but all items are arranged in a row. I've created a simple fiddle, to show the problem. Also I've made two screenshots, to show how it works on PC and on iPhone.

PC:

iPhone:

As you see -webkit-flex-wrap: wrap doesn't work.

Does anybody know how to solve this problem?? I hope for your help.

解决方案

Support for the current flexbox specification in iOS doesn't begin until iOS 7.0.

iOS 3.2 - 6.1 support the old flexbox specification and do not support wrapping.

See browser support data here: http://caniuse.com/#search=flexbox

这篇关于css flexbox wrap属性在ios6上不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！