2016-04-22 39 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" /> 
相关问题