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

标签 html ios css flexbox

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

display: -webkit-box;

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

电脑:enter image description here

iPhone:enter image description here

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

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

最佳答案

支持 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/

相关文章:

ios - 旋转时更改自定义键盘的高度

ios - 以编程方式快速显示现有 View Controller

html - 使用 flex : 1 auto;

javascript - 通过 JavaScript 将 CSS 像 HTML 一样注入(inject) DOM

javascript - 使用 CSS3 结束关键帧动画

javascript - 获取 HTML 元素的所有数据属性顺序

html - 如何包装 flex 盒子项,以便多个子项堆叠在另一个子项旁边?

html - 一种简单的 html/css 表格对齐方式

ios - 如何仅为 ios objective-c 中的特定单元格更改自定义表格 View 单元格的框架?

html - 在 ie 7 的 <div> 内,在右边 float <span>,在左边 float rest(text)