tft每日頭條

 > 生活

 > 浏覽器版本怎麼兼容

浏覽器版本怎麼兼容

生活 更新时间:2024-10-05 18:04:30

對于一個網頁開發者而言,各個浏覽器的樣式兼容性是最讓人頭疼的問題;自己調試好後發布到正式環境客戶各式各樣的浏覽器渲染出來的效果也略(da)有(bu)不(xiang)同,今天跟大家唠唠IE在渲染頁面時的一些問題。

浏覽器版本怎麼兼容(浏覽器的兼容性)1

在IE8浏覽器及以後版本,都有一個“兼容性視圖”,所謂兼容,就是讓高版本浏覽器兼容低版本浏覽器的運行模式,這讓不少新技術無法使用。那麼如何禁止浏覽器自動選擇“兼容性視圖”,強制IE以最高級别的可用模式顯示内容呢?下面就介紹一段HTML代碼。

X-UA-Compatible是一個設置IE浏覽器兼容模式的屬性,在IE8浏覽器之後誕生。

IE8或者IE9有很多種模式,比如:

IE8有4種模式:IE5.5怪異模式、IE7标準模式、IE8幾乎标準模式、IE8标準模式;

IE9有7種模式: IE5.5怪異模式、IE7标準模式、IE8幾乎标準模式、IE8标準模式、IE9幾乎标準模式、IE9标準模式、XML模式。

我們常使用代碼:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

來開啟IE8的标準渲染模式。這種方式在隻存在IE8浏覽器的時候比較合适,但是後來又出現了IE9、IE10、IE11等等。我們就可以這樣寫:

<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />

意思就是優先最前面的IE9,沒IE9就用IE8。那麼如果針對每一種都寫一遍,似乎就有些冗餘了。

所以我們改變方式采用代碼:

<meta http-equiv="X-UA-Compatible" content="Edge" />

Edge模式通知IE以最高級别的可用模式顯示内容,這實際上破壞了“鎖定”模式。當然,我們還見過這樣的代碼:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

就是增加了chrome=1值,目的是觸發Google Chrome Frame,不過現在Google已經抛棄Google Chrome Frame了,因此也不用這樣寫了。

總結:在 <!DOCTYPE html> 下,使用代碼:

<meta http-equiv="X-UA-Compatible" content="edge" />

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved