最近在負責前端React專案開發，因為之前寫RN的時候都是熟練使用Flex彈性盒子模型，轉到React專案時自然地就直接用這個屬性了。漏考慮了相容性，待到測試同學拿著裝ios8系統的iphone6手機測試的時候，那介面就全亂套了，我立馬想到了 不相容性，各種查詢找到了針對移動端的解決方案（一般mobile的瀏覽器核心都要高一些）
因為iphone使用的也是webkit核心，解決方案如下：

   display: flex;
   display: -webkit-flex; //適配低版本寫法
   flex-direction: column;
   -webkit-flex-direction:
 
 column;//適配低版本寫法
   類似其他屬性 都加下-webkit-xxx ...
   flex:1;
   -webkit-box-flex: 1;
   -webkit-flex: 1;