讯:渴切响应css框架近日从框架剥离了 针对ie6~ie8不兼容响应解决方法源代码,该代码是渴切为了满足目前因为各种原因还不能丢弃ie6~ie8的用户人群,在此之前国内解决方案很少,不 得不参阅了国外大量的资料,例如960.gs的adapt.js 解决方案,以及国内etao网官方网站的处理方法,通过大量测试和对比,开发的一个最简洁有效的解决方案。本着开源的目的,我们干脆将开源进行到底,首个 将代码和思路剖析,推出了针对该问题的整体解决方案 kr.js (keqie response js),蓝狮官网并且针对用户容易上手做了优化。该解决方案针对需要兼容ie6~ie8用户的人群。
kr.js基于jquery支持最常规的分辨率下的响应,蓝狮注册分别为电脑宽屏响应(hd),电脑普屏响应(desktop),平板响应(flatbed),手 机响应(phone),该方案支持包括ie6~ie8在内的所有浏览器。通过加载该文件,用特定的css技巧来书写样式即可快速实现响应,上手非常简单, 完美支持所有浏览器。举个例子:
.hd body{ background:red;} /宽屏下背景是红色/
.desktop body{ background:blue;} /普屏下背景是蓝色/
.flatbed body{ background:green;} /平板下背景是绿色/
.phone body{ background:gray;} /手机下背景是灰色/
并且如果使用 kr.js的话,可以无需写繁琐的css3多媒体查询代码。
下载地址:http://www.keqie.com/thread-9194-1-1.html
0 Comments