html - CSS3 Flexbox 换行在 iOS 8.3 中不起作用

Question

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 . 我真的坚持这个。非常感谢任何帮助。

Answer 1

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

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

以下是一些可能对您有帮助的链接 CSS Autoprefixer FLEXBOX CHEAT SHEET