切图框架SLICY帮助文档
教程说明：
始于2009年，国内首款响应式html5/css3框架，兼容 ie6,ie7,ie8,firefox,chrome浏览器以及iphone,ipad等移动设备。
adapt.js
简化网站适配开发
移动适配
已有网站转手机网站服务。
专业仿站
专业仿站服务
移动版
移动优先的SLICY移动框架
重要说明
关于SLICY.css文件。为了更好的拆分框架的内容，让用户能够方便的使用框架的某一个部分。SLICY.css核心文件代码中利用了@import url("icon.css");的方式进行了调用。所以在使用本框架之前，需要有一点点css功底，并且建议将SLICY.css源代码大致浏览一遍。
关于框架
SLICY是切图网推出的响应css框架。最早于09年推出第一个版本quickcss，经过数年的发展，取其中文意思，现更名为SLICY！
关于ie6支持
SLICY以最初的QuickCSS为原型，往后升级数个版本，最后更名为SLICY，一直延续了对ie6的支持，对于ie6等低版本支持的原理是这样的：SLICY提供了基本的网页元素和js组件，相对国外bs框架等优秀框架功能是非常简单的，布局也非常简洁，功能的简洁极大了减少了ie6下不兼容问题的产生，另外，SLICY通过对优化html自身结构和规范css代码书写，是兼容ie6的主要原因。并且我们不主张通过非正常手段来实现ie6兼容，这个是弊大于利的。
文件结构 SLICY-开源中文css框架基于quickcss代码核心。
我们已经整理了所有的文件压缩组合成一两个文件。
SLICY-开源中文css框架/ ├── assets/css/ │ ├── SLICY.css ├── assets/js/ │ ├── jquery.js │ ├── SLICY.js └── img/
正确的加载
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>untitled</title>
<!--禁止图像工具栏出现的网页标签-->
<meta content="no" http-equiv="imagetoolbar">
<!--用于iphone开发-->
<meta content="width=device-width,initial-scale=1" name="viewport">
<link type="image/x-icon" href="../assets/ico/favicon.ico" rel="shortcut icon">
<link rel="stylesheet" href="../assets/css/SLICY.css">
<link rel="stylesheet" href="css/addons.css"> <!--[if lt IE 9]>
<script src="../assets/js/html5.js"></script>
<![endif]--> <script src="../assets/js/jquery.js"></script>
<script src="../assets/js/SLICY.js"></script>
<script src="../assets/js/addons.js"></script> </head>
<body>
<!--使用时将这段演示代码删掉-->
<div class="started" style="width:600px; border:#ccc dashed 3px; padding:20px; text-align:center; margin:50px auto;">
开始你的代码之旅吧!
</div>
<!--演示代码结束-->
</body>
</html>
使用许可
代码基于Apache License v2.0, 文档基于创作共享的 署名-非商业使用-相同方 式分享 2.5 协议发布
赋予你的权力
- 免费下载和使用SLICY全部或部分用于个人，或商业用途
- 修改、扩展SLICY代码
禁止以下行为
- 使用SLICY代码部分或全部，需保留源代码中的版权申明，禁止删除、修改版权再次发布