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