IOS8 对flex兼容性问题

Posted Ralapgao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IOS8 对flex兼容性问题相关的知识,希望对你有一定的参考价值。

问题:

ios8.2 dispaly:flex;不生效;

注意一下兼容写法的顺序问题, 

    1.  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    2.  display: -moz-box; /* Firefox 17- */
    3.  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    4.  display: -moz-flex; /* Firefox 18+ */
    5.  display: -ms-flexbox; /* IE 10 */
    6.  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兼容性问题的主要内容,如果未能解决你的问题,请参考以下文章

彻底搞懂flex弹性盒模型布局

适用于 iOS 8 的 64 位 ANE 向后兼容

CSS3之flex兼容写法

flex兼容性问题

flex布局兼容性问题

iOS上display:flex的兼容性问题