最近在開(kāi)發(fā)移動(dòng)端頁(yè)面的過(guò)程中發(fā)現(xiàn)了flex布局在iphone 6上不兼容的問(wèn)題银萍,經(jīng)過(guò)測(cè)試和查閱資料現(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;