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

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