首页 > 代码库 > 解决媒体查询的响应式布局

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

  众所周知,网页前端开发时兼容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浏览器。

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