標(biāo)簽： 前端廓啊、移動端
關(guān)于flex布局，W3C算是出了好多套的規(guī)范询微，但是對各個瀏覽器的兼容性問題崖瞭，那就真的不敢恭維。
- W3C 2009年第1次草案：display:box
- W3C 2011年第2次草案：display:flexbox | inline-flexbox
- W3C 2012年第5次草案及以后的候選推薦標(biāo)準(zhǔn)：display:flex | inline-flex
以前一直以為新標(biāo)準(zhǔn)的display: flex 能夠完全替代display: -webkit-box撑毛，然而并不能书聚。
** 開發(fā)中發(fā)現(xiàn)，iOS8下的微信內(nèi)置瀏覽器與Safari不支持display:flex的寫法藻雌。**
解決方案
//好長一段雌续，包括三個版本的寫法flex、flexbox胯杭、box
.flex-container {
display: -moz-box; /* Firefox */
display: -ms-flexbox; /* IE10 */
display: -webkit-box; /* Safari */
display: -webkit-flex; /* Chrome, WebKit */
display: box;
display: flexbox;
display: flex;
align-items: center;
}
另外驯杜，weui的0.4測試版本并沒有做flex的兼容性優(yōu)化，一直到1.0版本才加入兼容熟悉做个，所以慎用鸽心。
作者 @鄭小明
2016 年 10 月 20 日
