CSS3 Flexbox 换行在 iOS 8.3 中不起作用答案

【问题标题】：CSS3 Flexbox row wrap is not working in iOS 8.3CSS3 Flexbox 换行在 iOS 8.3 中不起作用
【发布时间】：2018-05-18 17:14:50
【问题描述】：

CSS3 Flexbox 换行仅在 iOS 8.3 版本中不起作用。根据link 的建议，我已经更新了我的代码。但是，它仍然没有按预期包装。

.case-study-list {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0 0 30px;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        .case-study-item {
            list-style-type: none;
            min-width: 180px;
            padding: 30px 20px 0;
            -webkit-flex: 1 1 180px;
            -ms-flex: 1 1 180px;
            flex: 1 1 180px;
   }
}

` 请找到我的fiddle 的链接。我真的坚持这一点。非常感谢任何帮助。

【问题讨论】：

标签： html css sass

【解决方案1】：

您似乎错过了在显示属性上添加前缀。 Safari 9 支持所有标准的 flex 属性，在 Safari 8 和更早版本中，您需要使用供应商前缀。

.case-study-list {
    display: -webkit-flex;
    display: flex; 
}

这里有一些可能对你有帮助的链接 CSS Autoprefixer FLEXBOX CHEAT SHEET

【讨论】：

我已经添加了前缀。但问题仍然存在。