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