[武威網站建設公司]解析網站的兼容問題

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