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