Respond.js
- 处理响应式设计中,浏览器不支持media query相关
- 官网:http://drupal.org/project/respondjs
- github:https://github.com/scottjehl/Respond
- test page : http://scottjehl.github.com/Respond/test/test.html
源码小谈:
- src版本的代码341行,算是比较简单
- 会生成一个全局的respond的对象:
- 写法采用use strict
- 核心事件resize:
if(win.addEventListener){ //非IE win.addEventListener("resize",callMedia,false); }else if(win.attachEvent){ //IE win.attachEvent("onresize",callMedia); }
相关推荐
`respond.js`是一个轻量级的JavaScript库,由Scott Jehl创建,其主要功能是为不支持媒体查询的浏览器(如IE6、IE7和IE8)添加对媒体查询的支持。通过这种方式,Bootstrap 3等基于媒体查询的框架可以在这些老版本的IE...
"respond.min.js 1.4.2" 是一个JavaScript库,主要用于处理响应式设计,尤其在与Bootstrap框架配合使用时。这个库的核心功能是为不支持媒体查询(Media Queries)的旧版Internet Explorer浏览器提供支持,确保在这些...
为了解决这个问题,我们需要引入两个关键的JavaScript文件:`respond.min.js` 和 `html5shiv.js`。 `respond.min.js` 是一个响应式媒体查询的补丁,主要用于为不支持CSS3媒体查询的浏览器(如IE8)提供支持。在...
"respond.js" 是一个JavaScript库,由Scott Jehl创建,它主要用于解决老版本Internet Explorer(尤其是IE6到IE8)对CSS3媒体查询不支持的问题。媒体查询是响应式设计的核心技术,允许开发者根据用户的设备特性,如...
`respond.js`是一个轻量级的JavaScript库,由Jeffrey Way创建,它为不支持媒体查询的浏览器(如IE8)提供了后退支持,从而使得Bootstrap在这些浏览器上也能展现出响应式特性。 首先,我们需要理解响应式设计的概念...
respond.min.js是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width 特性,实现响应式网页设计(Responsive Web Design)。
在这个压缩包中,包含了四款关键的JavaScript库:excanvas.min.js、html5.js、html5shiv.js和respond.min.js,它们各自扮演着重要的角色。 1. excanvas.min.js:Excanvas是一个JavaScript库,用于在不支持Canvas...
Respond.js 是一个小脚本,支持在浏览器中使用CSS3媒体查询功能。 标签:Respond
兼容ie的可用方法,利用respond.js即可轻松玩转css3
html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。 respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
"respond.main.js"可能是一个用于处理响应式布局的JavaScript库,它可能利用了JIT编译来优化代码执行。 在JavaScript环境中,编译过程分为两个主要步骤:解析和执行。解析阶段,源代码被转化为抽象语法树(AST),...
Respond.js–让 IE6-8 支持 CSS3 Media Query