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

Question

CSS3 Flexbox行换行仅在iOS版本8.3中不起作用.根据链接上的建议,我更新了我的代码.但是,它仍然没有像预期的那样包装.

`

.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;
   }
}

` 请找到我的小提琴的链接.我真的很困惑.任何帮助深表感谢.

Answer 1

好像你错过了在display属性上添加前缀.Safari 9支持所有标准的flex属性,对于Safari 8及更早版本,您需要使用供应商前缀.

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

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