快切css框架被用于切图网前端开发项目建设中,目前已经累计300多客户使用了该框架,基于快切css框架开发的超过1000多个项目!。它完美兼容ie6、ie7、ie8、firefox、chrome浏览器以及iphone、ipad等移动设备,是国内开源前端框架的发起者和领导者!
快切CSS框架介绍
栅格化系统
采用了12列格子技术,将网页平分成12列,可以满足多种布局的网页,为网页的多样性提供了便捷性,和灵活性。
响应式设计
可以根据浏览器的大小自动缩放和调整,对web标签的重构实现了最大化的浏览器支持,避免了枯燥乏味的浏览器兼容调整的烦恼。
jquery插件的支持
编入了常用的jquery插件,iepng透明插件,选项卡插件,幻灯片插件,lazyload插件,并且测试了其跨浏览器的兼容性。
快切css以最初的QuickCSS为原型,往后升级数个版本,最后更名为快切,一直延续了对ie6的支持,对于ie6等低版本支持的原理是这样的:快切css提供了基本的网页元素和js组件,相对国外bs框架等优秀框架功能是非常简单的,布局也非常简洁,功能的简洁极大了减少了ie6下不兼容问题的产生,另外,快切css通过对优化html自身结构和规范css代码书写,是兼容ie6的主要原因。并且我们不主张通过非正常手段来实现ie6兼容,这个是弊大于利的。
快切正确的加载方式
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>快切-响应css框架</title>
<meta content="width=device-width,initial-scale=1" name="viewport">
<link rel="stylesheet" href="assets/css/quick.css">
<link rel="stylesheet" href="css/docs.css">
<!--[if lt IE 9]>
<script src="assets/js/html5.js"></script>
<![endif]-->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/quick.js"></script>
</head>
<body>
</body>
</html>
快切CSS框架 1.3 更新:2015-05-31
淘汰了以往图片图标的调用,采用了最新的字体图标文件来制作网页图标,图标可以调整大小,可调整颜色。
增加的了左侧菜单的悬浮效果,新增.affixed 样式词汇,意思为粘贴
新增了 part ,对应头、身、尾 phead ,pbody ,pfoot
将.fixed 样式更名为 .fixedly ,fixed为css常用词,避免发生样式重叠
sidebar增加了 .nojs :用于消除对于该组件的js效果,初步用于演示用