關於市場上瀏覽器種類很多，不同瀏覽器的核心也不盡相同，所以各個瀏覽器對網頁的解析存在一定的差異。每個瀏覽器又有不同的版本，不同瀏覽器不同版本因為瀏覽器本身渲染引擎的不同，在對於w3c標準的支援版本不同造就了一大堆的兼用性問題。
先是五大瀏覽器
瀏覽器核心
ie瀏覽器
trident核心
chrome瀏覽器
webkit核心，現在是blink核心
firefox瀏覽器
firefox核心
safari瀏覽器
webkit核心
opera瀏覽器
webkit核心，現在是blink核心
然後是市場的其他的熱門，但非主流的瀏覽器
瀏覽器核心
360瀏覽器
ie+chrome雙核心
獵豹瀏覽器
ie+chrome雙核心
ie核心
qq瀏覽器
trident（相容模式）+webkit（高速模式）
1，對於不同瀏覽器的外邊距和內邊距問題
*//可以通過給設定overflow屬性，隱藏超出的部分
overflow: hidden;
//可以使用彈性盒子布局，不過ie低版本要做一些相容性的處理
display: flex;
//通過給父元素設定隱藏處理，子元素進行相對定位處理
overflow:auto
position:relative
//因為對於一些瀏覽器設定margin和padding可以消除列表的上下縮排的問題，同時也要消除圓點的
li
//給父集去設定，可以消除這個問題
text-align:center;
white-space:nowrap;
text-overflow:ellipsis;
overflow:ellipsis;
關於HTML相容性
1.計算一定要精確，不要讓子元素大於父元素 不然ie會撐開父元素出問題 2.在ie6元素浮動，如果寬度需要內容撐開，就給裡邊的塊元素都加浮動 不然裡面的元素會佔滿父元素的父元素的正行，浮動就沒用！3.在ie6，7下元素要通過浮動並在同一行，就給這行元素都加浮動 4.注意標籤巢狀規範 5.ie6下最小...
關於相容性測試
相容性測試 檢測軟體與軟體之間是否會按照期望進行互動和資源共享。軟體本身的相容性 新開發的版本需要對歷史的版本進行兼 容 不同平台下的相容性 軟體是可以並行在多個平台上 軟體對執行裝置的相容性 軟體執行在不同型別的裝置，不 同的裝置可能會表現差異，所以需要對裝置進行相容 軟體互操作性 比較特殊的相容...
ios 安卓前端相容性
1.日期相容性 2.input框聚焦，ios出現outline或者陰影，安卓顯示正常 input focus 3.關於flex布局 4.ios系統，會將數字當成 號碼，導致變色 將上面的 加入到標籤中 5.禁止安卓識別email 6.input 的placeholder屬性會使文字位置偏上 line...