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屋!