最近在開發(fā)移動端頁面的過程中發(fā)現(xiàn)了flex布局在iphone 6上不兼容的問題，經(jīng)過測試和查閱資料現(xiàn)列出一下flex布局屬性兼容方法。

display: flex    →   display: -webkit-flex
justify-content: space-between;   →   -webkit-justify-content: space-between
align-items: center;   →   -webkit-align-items: center
flex-direction: column;   →   webkit-flex-direction: column;
flex-wrap: wrap;   →   webkit-flex-wrap: wrap;