QQ：
濟(jì)南建網(wǎng)站知識(shí)，網(wǎng)站建設(shè)技術(shù)靈魂總結(jié)
Website news, Technical summary of soul
在濟(jì)南網(wǎng)站制作中，網(wǎng)站的兼容性問題一直都很重要，由于目前瀏覽器的多樣化，很多瀏覽器的內(nèi)核核心都有所不同，所以導(dǎo)致目前市場(chǎng)上運(yùn)用個(gè)瀏覽器的用戶也各有所同。
就拿微軟的IE來說，每個(gè)版本的IE對(duì)代碼的識(shí)別都不同，從最早的IE6到如今的IE8都有不同的用戶在用。前幾年在中國的市場(chǎng)上，很多盜版的裝機(jī)XP系統(tǒng)光盤都是自帶的IE6瀏覽器，大部分的用戶也不會(huì)或者不懂怎么對(duì)瀏覽器升級(jí)，導(dǎo)致目前在中國的市場(chǎng)上，很多人的電腦上的IE瀏覽器還是IE6的核心。當(dāng)然也有部分的用戶使用IE7、IE8、IE9、火狐、360瀏覽器（才用的核心是電腦上IE的核心）等等各式各樣的瀏覽器。
我們作為濟(jì)南網(wǎng)站建設(shè)公司，在制作網(wǎng)站的時(shí)候一定要考慮任何一個(gè)有可能瀏覽本網(wǎng)站的用戶，我們不能肯定所有的用戶都是使用的同樣的瀏覽器，所以我們?cè)诰W(wǎng)站制作的時(shí)候就要對(duì)網(wǎng)站的兼容性做出兼容，保證任何一個(gè)訪問該網(wǎng)站的人，都可以清晰、正確的看到網(wǎng)站內(nèi)容，不會(huì)出現(xiàn)布局錯(cuò)亂甚至是出現(xiàn)JS錯(cuò)誤等現(xiàn)象。
一、使高版本的瀏覽器核心轉(zhuǎn)換成低版本的核心。
在網(wǎng)頁的<head></head>標(biāo)簽中加入代碼：<meta http-equiv="x-ua-compatible" content="ie=7" />，這樣IE8瀏覽器表現(xiàn)出來的樣式就和IE7是一樣的了。
注意：此方法只適合高版本往低版本轉(zhuǎn)換。也就是說你在使用ie瀏覽器的時(shí)候，如果加入了<meta http-equiv="x-ua-compatible" content="ie=8" />這樣的代碼是沒有效果的。我們?cè)趯?shí)際應(yīng)用中，基本也不會(huì)使用此代碼，因?yàn)檫@樣會(huì)違背W3C的標(biāo)準(zhǔn)。
二、CSS瀏覽器兼容性技巧。
①、如果在CSS中使用了float語句，最好在css中加入display:inline;，這樣的目的是避免在IE6和IE7中浮動(dòng)產(chǎn)生margin的雙倍間距。
②、如果是父級(jí)的css，并且有border邊框顯示，記得在CSS中加入overflow:hidden;，這樣的目的是讓父級(jí)元素避免無法包含子元素，導(dǎo)致子元素超出父級(jí)元素的border。
③、如果在IE6中，父級(jí)元素?zé)o法被子元素?cái)U(kuò)充，在CSS中加入zoom:1;，這樣的目的是觸發(fā)IE6的Haslayout屬性，使得父級(jí)元素可以被子元素?cái)U(kuò)充。
④、如果在IE中使用了ul li dl dt dd這樣的列表元素，列表中又存在span標(biāo)簽，會(huì)導(dǎo)致span標(biāo)簽換行，這時(shí)候我們需要在css中給span元素和<a>標(biāo)簽分別設(shè)置一個(gè)寬度，然后在進(jìn)行左浮動(dòng)和右浮動(dòng)。
⑤、如果在IE中使用line-height沒有效果的時(shí)候，我們要在CSS中加入當(dāng)前DIV的heigt屬性，這樣在IE中l(wèi)ine-height就能有作用了。
⑥、如果要使用空白的話，我們最好不要使用margin進(jìn)行空間的間隔，最好的辦法是使用：.blank {clear: both;height: 8px;line-height: 8px;visibility: hidden;}這樣一段代碼，這段代碼可以很方便的達(dá)到網(wǎng)頁空間的目的，非常好用。
⑦、如果需要清楚浮動(dòng)濟(jì)南網(wǎng)站建設(shè)建議你使用這段代碼：.clear {clear: both;height: 0;margin: 0;overflow: hidden;padding: 0;}這段代碼，這也是很好用的。
三、瀏覽器的hack語法。
我們?cè)趯慍SS的時(shí)候， 有時(shí)會(huì)遇到CSS的hack的語法，最常見的寫法是：
①、如果只需要對(duì)IE6使用css的hack的話，可以在CSS屬性前面加一個(gè)_下劃線符號(hào)，如：height:10px;_height:20px;，這樣寫的話，瀏覽器解析出來就是除了IE6外的所有瀏覽器都是10px，IE6為20px；
②、只對(duì)IE6、IE7瀏覽器寫CSS的hack使用“*”，如：height:10px;*height:20px;，這樣寫的話就是除了IE6/7瀏覽器，別的瀏覽器解析出來都是10px；
③、兼容全部瀏覽器的hack寫法：
height:10px; //所有的瀏覽器
*height:20px; //IE瀏覽器
*height:30px !important; //IE7瀏覽器
height:40ox \9; //IE8瀏覽器
這樣寫是最全的方式，可以適合任何瀏覽器。
我們?cè)跁鴮慍SS的時(shí)候，最好能不用CSS的hack就不用，因?yàn)橛眠@個(gè)是最后的辦法，這個(gè)方法大大增加了CSS的大小，還有不會(huì)符合W3C的標(biāo)準(zhǔn)。
濟(jì)南網(wǎng)站制作中，網(wǎng)頁瀏覽器兼容的方法常見的就是上面這些，但是就像我們說的，以上的這些方法，除了我們寫的第二大條，第一條和第三條能不用最好不要使用，因?yàn)槿绻W(wǎng)站不兼容了，我們首先要查找是不是CSS出現(xiàn)了一些問題，而不是一旦看到頁面不兼容了，就要去用CSS的hack方法去對(duì)不同瀏覽器寫CSS，這樣是非常不正確的。我們要在保證瀏覽器的兼容的基礎(chǔ)上，也要遵循W3C的標(biāo)準(zhǔn)，從而是的網(wǎng)站制作出來更加符合各大瀏覽器的標(biāo)準(zhǔn)，加載速度更快！本文由濟(jì)南網(wǎng)站建設(shè)公司-濟(jì)南騰飛網(wǎng)絡(luò)發(fā)布，轉(zhuǎn)載請(qǐng)注明：http://news.jpx001.cn
公司地址：山東省濟(jì)南市東關(guān)大街中泰大廈 Copyright?2006-2020 news.jpx001.cn. 濟(jì)南網(wǎng)站設(shè)計(jì)我們值得信賴. All rights reserved .
7x24小時(shí)服務(wù)熱線：15069066861 網(wǎng)站建設(shè)博客
