小米技术社区
小米技术社区管理员 关于小米

27岁,山西运城人,职业电商经理人,前端设计师,从事过网站建设,响应式网站开发,网络维护,SEO,SEM,网络推广等前端相关工作,经验较为丰富,小米技术社区致力于为广大从事Web前端开发的人员提供一些力所能及的引导和帮助 ...[更多]

E-mail:mzze@163.com

Q Q:32362389

小米技术社区大牛王飞 关于王飞

27岁,山西运城人,职业电商经理人,网络工程师兼运维,从事过运营商网络建设,企业网络建设、优化。数据中心网络维护等通过,经验丰富,座右铭:当自己休息的时候,别忘了别人还在奔跑。 ...[更多]

E-mail:wf_live@126.com

Q Q:3940019

微博:王小贱ss

小米技术社区设计小艳 关于小艳

大于花一样的年龄,河南郑州是我家,2010年在北京接触团购网,2011年进入天猫淘宝一待就是四年,如今已经将设计走向国际化(ps:误打误撞开始进入阿里巴巴国际站的设计,嘿嘿)五年电商设计,丰富经验,从事过天猫淘宝阿里各项设计,店铺运营,产品拍摄;我将我的经历与您分享是我的快乐!座右铭:越努力越幸运! ...[更多]

E-mail:97157726@qq.com

Q Q:97157726

标签云

最新发布

Respond.js让IE6\IE7\IE8支持CSS3 Media Query,响应式网站必备

分类: 响应式网站评论(1)69个赞

众所周知,IE6\IE7\IE8并不支持CSS3的CSS3 Media Query,那么如何让其支持呢?Respond.js帮了我们大忙,大名鼎鼎的Bootstrap就引入了这个js文件来解决响应式网站兼容性问题,,设置成功后打开IE一看,自适应的效果挺好的,


Respond.js是让不支持CSS3 Media Query的浏览器包括IE6-IE8等其他浏览器支持CSS3媒体查询的


引入方法:因为IE9支持css3媒体查询,所以这么写,直接调用Bootstrap的CND加速

<!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]—>


注意:引入respond.min.js,但要在css的后面越早引入越好,在ie下面看到页面闪屏的概率就越低,因为最初css会先渲染出来,如果respond.js加载得很后面,这时重新根据media query解析出来的css会再改变一次页面的布局等,所以看起来有闪屏的现象)

本站内容均为小米原创,转载请注明出处:小米技术社区>> Respond.js让IE6\IE7\IE8支持CSS3 Media Query,响应式网站必备