核心提示:兼容老IE对于响应式布局,有一点需要注意,就是IE8 及以下的版本不支持媒体查询,这意味着它们只会呈现媒体查询以外的样式,即基准样式。并且,它们也不支持HTML5 的 header、main、asid...
兼容老IE
对于响应式布局,有一点需要注意,就是IE8 及以下的版本不支持媒体查询,这意味着它们只会呈现媒体查询以外的样式,即基准样式。并且,它们也不支持HTML5 的 header、main、aside、footer 等新元素。
对于IE8及更早的版本,可以什么都不做,让网站显示最基本的版本,或者为它们单独创建一个样式表,让它们显示网站最宽的版本。
当然,大多数人还是倾向于让页面具有响应式的效果。这也好办,只需在页面的头部中引入 respond.js,就能让老版本的IE 也支持响应性设计。
<!--[if lt IE 9]> <script src="respond.js"></script> <![endif]-->