首先引入初始化css,保證消除不同瀏覽器默認(rèn)樣式;
解決方法:
(1)讓低版本兼容h5標(biāo)簽引入html5shiv.js
(2)讓低版本兼容媒體查詢引入respond.js
(3)讓低版本兼容css3的box-sizing標(biāo)簽引入boxsizing.htc;只需要在box-sizing標(biāo)簽下邊引入文件的當(dāng)前路徑即可
image.png
(4)讓低版本ie8兼容border-radius標(biāo)簽引入ie-css3.htc
image.png
(5)css hack方式
Css hack是指?jìng)€(gè)版本瀏覽器對(duì)css解析后出現(xiàn)網(wǎng)頁(yè)內(nèi)容誤差的處理,它通過(guò)再css樣式中加入一些特殊符號(hào),讓不同瀏覽器識(shí)別不同符號(hào),已達(dá)到應(yīng)用不同css樣式的目的;表現(xiàn)形式是
Trident內(nèi)核:主要代表IE瀏覽器,前綴為-ms
Gecko內(nèi)核：主要代表為Firefox，前綴為-moz
Presto內(nèi)核：主要代表為Opera，前綴為-o
Webkit內(nèi)核：產(chǎn)要代表為Chrome和Safari，前綴為-webkit
