移动端随记：flexbox兼容处理

-webkit-box 是-webkit-flex 的旧写法；

-ms表明ie内核识别码

-moz表明火狐内核识别码

-webkit表明谷歌内核识别码

-o表明欧朋【opera】内核识别码

不写的，是统一标识语句，符合w3c标准，使用css3属性时，大部分都要带这些识别前缀，早期点的浏览器才能识别;

不一样的写法是对应不一样时期的 Flex 规范，强烈建议使用 autoprefixer 自动增长前缀，在开发的时候只写标准属性「display: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+ */

图转：