淺談瀏覽器的兼容性(必看篇)

我就說說自己的看法啊,不對的請指正。
瀏覽器就是2大派系,一個(gè)是其他瀏覽器,一個(gè)是IE(這TM就是個(gè)異端)。
瀏覽器的區(qū)別主要就是4個(gè)部分了
1.對于各種元素margin和padding的默認(rèn)值不一樣。
2.ie和其他瀏覽器的css盒模型不一樣,ie的width和height包括了padding和border,而其他瀏覽器的css盒模型才是標(biāo)準(zhǔn)的盒模型,height和width是指content的寬和高。
3.對于css3的支持程度不一樣。
4.對于ES5和ES6的支持程度不一樣。
5.html5的標(biāo)簽。
6.css3的媒體查詢
對應(yīng)解決方法:
1.引入normalize.css,可以統(tǒng)一各種元素的margin和padding等屬性。
2.css3的一個(gè)屬性box-sizing可以定義該元素以哪種盒模型進(jìn)行渲染。content-box為標(biāo)準(zhǔn)盒模型,border-box為IE的盒模型。
3.引入PIE.htc或者其他的能夠使IE兼容css3的文件,但是都有局限性,無法完全兼容css3的所有特性,具體的請自行度娘。
4.IE8是部分支持es5的,可以引入es5-shim.js。ps:不小心看到了es5-sham查了下他們的區(qū)別。es5-shim就是實(shí)現(xiàn)的是原生的ES5,而sham中實(shí)現(xiàn)了一些新的API。這樣就可以使用es6編程再利用babel編譯了。
5.引入html5shiv.js,可以讓ie支持html5的標(biāo)簽。
6.可以引入Respond.js,使ie可以使用媒體查詢,實(shí)現(xiàn)響應(yīng)式開發(fā)。
以上這篇淺談瀏覽器的兼容性(必看篇)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
原文地址:http://www.cnblogs.com/wangwei1314/archive/2016/07/24/5701537.html
相關(guān)文章
- 這篇文章主要介紹了針對IE瀏覽器的兼容問題小結(jié),需要的朋友可以參考下2017-04-19
- 瀏覽器兼容性問題總是讓人很頭疼,這里介紹幾個(gè)技巧來避免這個(gè)問題,需要的朋友可以參考下2017-04-08
- 下面小編就為大家?guī)硪黄嫒葜髁鳛g覽器的CSS透明代碼(必看篇)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-18
關(guān)于遇到的瀏覽器兼容問題及應(yīng)對方法(推薦)
下面小編就為大家?guī)硪黄P(guān)于遇到的瀏覽器兼容問題及應(yīng)對方法(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-20- 這篇文章主要介紹了淺談?dòng)龅降膸讉€(gè)瀏覽器兼容性問題,詳細(xì)的介紹了幾種我遇到的問題和解決方式,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-09-26