首頁 >web前端 >html教學 >使用一行程式碼即可解決各種IE相容問題(IE6-IE10)

使用一行程式碼即可解決各種IE相容問題(IE6-IE10)

巴扎黑
巴扎黑原創
2017-04-17 11:07:221589瀏覽

本文主要介紹了一行程式碼解決各種IE相容問題(IE6-IE10)的方法,具有很好的參考價值。下面跟著小編一起來看吧

x-ua-compatible 用來指定IE瀏覽器解析編譯頁面的model

x-ua-compatible 頭標籤大小寫不敏感,必須用在head 中,必須在除title 以外的其他meta 之前使用。

1、使用一行程式碼來指定瀏覽器使用特定的文件模式。


<meta http-equiv="x-ua-compatible" content="IE=9" >
<meta http-equiv="x-ua-compatible" content="IE=8" >
<meta http-equiv="x-ua-compatible" content="IE=7" >

2、在某些情況下,我們需要限定瀏覽器對文件的解析到某一特定版本,或者將瀏覽器限定到一些舊版本的表現中。可以用以下的方式:


<meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

使用這種寫法,瀏覽器或使用標準模式解析,或使用 IE5 Quirks 模式進行解析。

3、為了測試,我們也可以使用下面的語句指定瀏覽器按照最高的標準模式解析頁面。


<meta http-equiv="x-ua-compatible" content="IE=edge" >

4、多個模式的指定。我們可以用逗號分割多個版本,在這種情況下,瀏覽器會從這個清單中選擇一個他所支援的最高版本來使用標準模式進行渲染。如下面的例子,在IE8瀏覽時,將會使用IE7的標準模式進行渲染,因為他本身不支援IE9和IE10。


<meta http-equiv="x-ua-compatible" content="IE=7,9,10" >

以上是使用一行程式碼即可解決各種IE相容問題(IE6-IE10)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn