OStack程序员社区-中国程序员成长平台

标题: html - css flexbox wrap 属性在 ios6 上不起作用 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-12 16:42
标题: html - css flexbox wrap 属性在 ios6 上不起作用

我现在正在处理我的元素,所以我决定使用 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 不起作用。

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



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/






欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4