解决媒体查询的响应式布局

Posted 2020-09-17

  众所周知，网页前端开发时兼容IE一直是很头疼的问题。今天接到一个需要响应式布局的问题，主要还要兼容IE8，9。在网上搜索了以下解决方案，现记录如下。

  首先，加入代码

 

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

以解决IE8及以下不支持媒体查询。它通过js来hack IE浏览器。