p2h.cn始于05年,最早由来自腾讯,网易的前开发工程师,曾经为美的,格兰仕,电信,陆虎等企业提供过高品质psd转html解决方案。累计300多个客户至今,超过1000多个项目。

专注前端技术,关注用户体验

渴切(keqie.com)讯:渴切响应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技巧来书写样式即可快速实现响应,上手非常简单, 完美支持所有浏览器。举个例子:

  1. .hd body{ background:red;}  /*宽屏下背景是红色*/
  2. .desktop body{ background:blue;} /*普屏下背景是蓝色*/
  3. .flatbed body{ background:green;} /*平板下背景是绿色*/
  4. .phone body{ background:gray;} /*手机下背景是灰色*/

并且如果使用 kr.js的话,可以无需写繁琐的css3多媒体查询代码。

下载地址:http://www.keqie.com/thread-9194-1-1.html


欢迎转载,转载请注明来源:http://www.p2h.cn/keqie-kr-js/

相关链接: