移動端隨記：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+ */

圖轉：