在chrome瀏覽器下調好的頁面在ie8中執行出現的相容性問題：
1、原頁面使用echarts繪製圖形在chrome瀏覽器只引用echarts.js能夠正常顯示，但在ie8下報錯：
解決：引入zrender包
packages: [
,]
var labeltop = 分',
textstyle:
},labelline : }};
var score=90;
option = ,
emphasis:
},labelline:
},data:[,]
}]
};require(
['echarts',
'echarts/chart/pie'
],function
(ec)
)
2、flex布局失效
**中寫了flex布局使一橫排顯示的幾個方框間距能夠自適應（設定父元素displaly:flex;justify-content:space-between）但在ie8下失效。
解決：float和clear both的妙用，實現flex布局
class="dfcont dclearfix">
class="dfleft">
左邊框的內容
div>
class="dfright">
右邊框的內容
div>
class="dfmiddle">
class="innermiddle">
中間框的內容
div>
div>
div>
css部分：
.dfleft
.dfright
.dfmiddle
.dclearfix
.dclearfix
:after
.innermiddle
/* ie8,9 placeholder相容 */
if( !('placeholder'
in document.createelement('input')) )
that.focus(function
()
})
.blur(function
()
})
.closest('form').submit(function
()
});
});
}
5、bootstrap條紋進度條效果失效
piczoom相容性問題 相容性問題
1.文字本身的大小不相容。同樣是font size 14px的宋體文字，在不同瀏覽器下佔的空間是不一樣的，ie下實際佔高16px，下留白3px，ff 下實際佔高17px，上留白1px，下留白3px，opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...
開發中遇到的相容性問題
我們經常遇到的問題是，別的瀏覽器都相容了，ie也相容了，但是360的相容模式卻不相容，很煞面子，其實這些問題是很容易解決的。兩個個標籤就能讓它灰溜溜跑開。1 這個meta標籤的意思是如果瀏覽器有兩個核心，那麼啟用webkit為核心的瀏覽模式 一般為極速模式 但是如果只用這乙個meta標籤的話，使用者...
專案中遇到的相容性問題
1 瀏覽器撥打 問題 場景 使用標籤 tel 協議，一鍵撥打 功能下，正對含有分機號的情況，通常是撥打分機號後需以 結束，或者不識別 解決方案 經查證瀏覽器解析該字元是會進行轉碼成16進製制字元，經實踐，將 字元寫成 23 在使用h5中一鍵撥打 tel 協議時可以正常除。示例 var tel 400...