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规范