2013年5月24日

使ie6-8支持媒体查询media queries


Respond简介

Respond可以用来让ie6-8″支持”css3的media queries。这种用js让ie强制支持css3或者html5的插件慎用,不然会带来各种性能和可访问性的问题。虽然这款插件实际用途不大,但还是介绍下。

Respond用法

用法很简单,只要在css后面插入respond.min.js文件就可以了。关于cdn的用法,我没有去尝试,感兴趣的可以参考github上面的介绍

Respond演示

正常的情况
不正常的情况
可以看出这个插件只适合比较简单的情况,跟大多数的插件一样。

css3-mediaqueries.js简介

css3-mediaqueries-js是另一款用来让ie支持mediaqueries的插件。这款插件测试的结果会比Respond好。

css3-mediaqueries.js用法

用法也很简单,在前面插入这个js文件。

<!--[if lt IE 9]>
<script type="text/javascript" src="js/css3-mediaqueries.js" ></script>
<![endif]-->
p2h.cn 提供响应式网页制作。

标签:,

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》