最近在負責前端react專案開發，因為之前寫rn的時候都是熟練使用flex彈性盒子模型，轉到react專案時自然地就直接用這個屬性了。漏考慮了相容性，待到測試同學拿著裝ios8系統的iphone6手機測試的時候，那介面就全亂套了，我立馬想到了 不相容性，各種查詢找到了針對移動端的解決方案（一般mobile的瀏覽器核心都要高一些）
因為iphone使用的也是webkit核心，解決方案如下：
display: flex;
display: -webkit-flex; //適配低版本寫法
flex-direction: column;
-webkit-flex-direction: column;//適配低版本寫法
類似其他屬性 都加下-webkit-*** ...
flex:
1; -webkit-box-flex:
1; -webkit-flex:
1;
flex布局相容性問題
標誌 display box or a property that is box eg.box pack 標誌 display flexbox or the flex function or flex pack property 標誌 display flex inline flex and fle...
css相容性問題
先來談談css hack 我們為了讓頁面形成統一的效果，要針對不同的瀏覽器或不同版本寫出對應可解析的css樣式，所以我們就把這個針對不同瀏覽器 版本而寫css的過程叫做 css hack.css hack主要有三種 ie條件注釋法 css屬性字首法 選擇器字首法。1 ie條件注釋法，即在正常 之外新...
piczoom相容性問題 相容性問題
1.文字本身的大小不相容。同樣是font size 14px的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie下實際佔高16px，下留白3px，ff 下實際佔高17px，上留白1px，下留白3px，opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...