对于html5标签,IE9以前IE浏览器不支持<header>, <article>, <footer>, <figure>等html5新标签。可在html文档中添加 html5.js 文件将解决这一问题。css
<!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
IE8和以前的浏览器不支持CSS3 media queries,可在页面中添加css3-mediaqueries.js来解决这个问题。html
<!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]-->
建立media query所需的css,而后在页面中添加引用。html5
<link href="media-queries.css" rel="stylesheet" type="text/css">
下面的css将会把html5的元素(article, aside, figure, header, footer 等)设置为块元素。css3
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }