2016-04-22 41 views
1

要在IE 10,9和8中運行良好,我應該怎麼做?對於IE,我應該在<head>中包含哪些內容?

我在這裏和那裏搜索,然後我像下面輸入。 我想確保下面的代碼可以使用。 我沒有使用任何引導程序或任何框架。

我用Modenizr。

這是頭部的代碼。

<!--[if lt IE 7]>  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
    <!--[if IE 7]>   <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 
    <!--[if IE 8]>   <html class="no-js lt-ie9"> <![endif]--> 
    <!--[if gt IE 8]><!--> 
    <html lang="en" class="no-js"> 

    <!--some meta tags--> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 

    <!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>    
    <![endif]--> 

    <!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]--> 

    <!--link my style sheet here --> 

    <!--[if lte IE 8]> 
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto" />   
    <![endif]--> 

    <!--my other link and scripts here --> 

在此先感謝。

+0

沒有辦法回答這個問題。一個基本的HTML頁面與最小的CSS並不需要任何特殊的「工作」在IE瀏覽器。 –

+0

'<! - [if lt IE 9]> '這可以真正幫助使用語義html – claudios

回答

0

對於Internet Explorer 8.0及以上版本,這一點:

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

強制瀏覽器呈現爲特定版本的標準。它不支持IE7及以下版本。

如果使用分號分隔,它會爲不同版本設置兼容級別。例如:

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

將IE7和IE8呈現爲IE7,但將IE9呈現爲IE9。它允許不同級別的向後兼容性。但在現實生活中,您應該只選擇其中一個選項:

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

這樣可以更輕鬆地進行測試和維護。雖然通常這樣做的更有用的版本使用模擬:

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

對於這一點:

<meta http-equiv="X-UA-Compatible" content="IE=Edge" /> 
相關問題