Respond.js让IE6-8支持CSS3 Media Query

Respond.js让IE6-8支持CSS3 Media Query

down地址:http://www.bootcdn.cn/respond.js/

1:需要注意的是css文件必须从外部加载,不能写在本文档内,注意不能utf-8编码

@media only screen and (min-width: 480px){
body {
background: yellow;
}
}

结论

一些书写代码时要注意的地方:

1、需要启动本地服务器(localhost),不能使用普通本地的url地址(file://开头);

2、需要外部引入CSS文件,将CSS样式书写在style中是无效的;

3、由于respond插件是查找CSS文件,再进行处理,所以respond文件一定要放置在CSS文件的后面

4、另外,虽然把respond放置在head里还是在body后面都能够实现,但是建议放置在head中(具体原因在下面的文档提示中有提到)

5、最好不要为CSS设置utf-8的编码,使用默认(原因详见下面的文档提示部分)

猜你喜欢

转载自my.oschina.net/u/162418/blog/812395
今日推荐