IOS8 對flex兼容性問題
阿新 • • 發佈:2018-08-07
不同 屬性 性問題 clas splay 兼容性問題 flexbox xbox 後者
問題:
IOS8.2 dispaly:flex;不生效;
註意一下兼容寫法的順序問題,
- display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
- display: -moz-box; /* Firefox 17- */
- display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
- display: -moz-flex; /* Firefox 18+ */
- display: -ms-flexbox; /* IE 10 */
- display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
dispaly: -webkit-box與 display: flex一類flex屬性值是不同版本的flexbox,
前者是09版本,後者是12版本,如果將-webkit-box寫在webkit-flex後面 瀏
覽器就會調用就版本的flexbox規範
IOS8 對flex兼容性問題