[武威網(wǎng)站建設(shè)公司]解析網(wǎng)站的兼容問(wèn)題

閱讀 ?·? 發(fā)布日期 2019-05-27 12:56 ?·? admin
對(duì)于一些專(zhuān)業(yè)網(wǎng)站建設(shè)人員來(lái)說(shuō)，最頭疼的也就是調(diào)網(wǎng)站兼容問(wèn)題了吧。由于現(xiàn)在出現(xiàn)各種各樣的瀏覽器版本，各各瀏覽器之間的內(nèi)核不盡相同。每個(gè)網(wǎng)站都要考慮到每個(gè)瀏覽器的兼容問(wèn)題，例如火狐、ie6~10、谷歌等瀏覽器。同一個(gè)網(wǎng)站在不同的瀏覽器下可能呈現(xiàn)的效果不一樣，因?yàn)槲覀兏静豢赡茏層脩?hù)都使用同樣的瀏覽器，所以我們做網(wǎng)站的人員就必須對(duì)于網(wǎng)站的兼容做到盡善盡美。[武威網(wǎng)站建設(shè)公司]
    對(duì)于瀏覽器[武威網(wǎng)站建設(shè)公司]首先來(lái)說(shuō)說(shuō)，關(guān)于IE，IE的瀏覽器對(duì)于代碼的識(shí)別都不同，IE６的內(nèi)核版本相對(duì)于其它的而言，是最不穩(wěn)定的一個(gè)，在我們進(jìn)行專(zhuān)業(yè)網(wǎng)站建設(shè)時(shí)就要對(duì)于IE６特別照顧。
    今天咱們就來(lái)談?wù)勱P(guān)于網(wǎng)站兼容性的解決辦法，以下是北京網(wǎng)站建設(shè)公司平時(shí)工作中解決辦法，希望可以幫助到你嘍：
     一、在網(wǎng)頁(yè)的head當(dāng)中加入：meta http-equiv="x-ua-compatible" content="ie=7" /，這樣在IE8瀏覽    頁(yè)面時(shí)就會(huì)與IE下是一樣的。但是在這里有一點(diǎn)要說(shuō)，這種方式僅限于高版本轉(zhuǎn)于低版本。要是寫(xiě)meta http-equiv="x-ua-compatible" content="ie=8" /，它就起不到任何作用了。
    二、兼容當(dāng)然少不了hack語(yǔ)法，在寫(xiě)css時(shí)都會(huì)遇hack語(yǔ)法，其實(shí)咱們的代碼寫(xiě)的夠標(biāo)準(zhǔn)的話，用h    ack語(yǔ)法的地方不會(huì)太多。它對(duì)于IE6、IE7、FF等，對(duì)CSS解析也不太一樣，我們就需要針對(duì)不同的瀏覽器去寫(xiě)不同的CSS。咱們?cè)谶@只能于CSS類(lèi)內(nèi)部Hack說(shuō)一下，特別提醒，在IE下都能夠去識(shí)別*，但是FF就不能夠識(shí)別；IE7與FF瀏覽器都能識(shí)別 !important；但是IE6不能識(shí)別！下面咱們舉例說(shuō)明：
    1、 區(qū)別IE與FF：height:10px; *height:20px;
    2、區(qū)別IE6與IE7：height:10px;!important; height:20px;
    3、區(qū)別FF，IE7，IE6：height:10px; *height:20px; _height:30px;
                                               height:10px; *height:20px!important; *height:30px;
    北京網(wǎng)站建設(shè)公司特別提醒，無(wú)論您用什么方式去寫(xiě)，書(shū)寫(xiě)方式都是Firefox在前邊，ie7中間，ie6在末尾。
三、           做網(wǎng)站時(shí)應(yīng)該應(yīng)用的技巧
1、  在IE6下margin加倍的問(wèn)題，當(dāng)同一個(gè)div下使用了float，同時(shí)又設(shè)置了margin，這里會(huì)在IE6下呈現(xiàn)加位現(xiàn)象。這也是IE6存在的一個(gè)BUG。這時(shí)，咱們寫(xiě)代碼時(shí)就要注意，要在DIV里加入display:inline;這樣便會(huì)很好的控制IE6下浮動(dòng)的產(chǎn)生雙倍間距。
2、  IE6下overflow:hidden；失效，一般情況失效是因?yàn)楦讣?jí)有position:relative;所以給overflow:hidden;設(shè)置一個(gè)_position:relative
3、  如果使用ul lid dd dt這里的列表，同時(shí)又在其使用了span標(biāo)簽，此時(shí)會(huì)導(dǎo)致標(biāo)簽換行。這種，我們只需要在為span元素與標(biāo)簽分別定義一個(gè)寬度，然后在進(jìn)行浮動(dòng)就OK。[武威網(wǎng)站建設(shè)公司]
專(zhuān)業(yè)網(wǎng)站建設(shè)時(shí)網(wǎng)站的兼容性是在我們平常做網(wǎng)站的過(guò)程中就要考慮到的，不然到最后的調(diào)試會(huì)非常麻煩。在做網(wǎng)站的過(guò)程中可以用ietester做調(diào)試，保證網(wǎng)站兼容的完整性。做兼容特別是需要注意細(xì)節(jié)問(wèn)題，細(xì)節(jié)決定成敗。網(wǎng)站兼容問(wèn)題北京網(wǎng)站建設(shè)公司總結(jié)這么多，更多網(wǎng)站知識(shí)盡在[武威網(wǎng)站建設(shè)公司]