slicy
/
index.html

<!DOCTYPE html>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>切图网 slicy 官网</title>
<meta name="keywords" content="Slicy,中文css框架,css框架,开源css框架,css框架下载"/>
<meta name="description" content="Slicy是一个开源中文 (X)HTML/CSS 框架 ,它的目的是减少你的css开发时间。它提供一个可靠的css基础去创建你的项目,能够用于网站的快速设计,通过重设和重建浏览器标准，可以让每个网站防 止枯燥的跨浏览器兼容性测试。下载：http://www.slicy.cn"/>
<meta name="author" content="developer@qietu.com">
<!--禁止图像工具栏出现的网页标签-->
<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/prettify.css" >
<link rel="stylesheet" href="css/docs.css">

<!--针对ipad的横屏竖屏-->
<!--<link rel="stylesheet" type="text/css" media="all and (orientation:portrait)" href="assets/css/portrait.css" />
<link rel="stylesheet" type="text/css" media="all and (orientation:landscape)" href="assets/css/landscape.css" />-->

<!--针对iphone的横屏竖屏,iPhone是通过屏幕最大宽度来侦测的-->
<!--<link rel="stylesheet" media="screen and (max-width: 320px)" href="portrait.css" />
<link rel="stylesheet" media="screen and (min-width: 321px)" href="landscape.css" />-->

<!--竖版本使用的样式-->
<style media="all and (orientation:portrait)" type="text/css">
.landscape { }
</style>
<!--横版本使用的样式-->
<style media="all and (orientation:landscape)" type="text/css">
.portrait { }
</style>

<!--[if lt IE 9]>
<script src="assets/js/html5.js"></script>
<![endif]-->

<script src="assets/js/jquery-1.7.1.min.js"></script>
<script src="assets/js/slicy.js"></script>
<script src="js/prettify.js"></script>
<script src="js/docs.js"></script>

<script>
//js判断是否ipad浏览器
 var ua = navigator.userAgent.toLowerCase();
 var s;
 s = ua.match(/iPad/i);

 if(s=="ipad")
 {
  //return true;
  alert(1);
 }
 else{
  //return false;
 }


</script>


<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=1689513322" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<!--<noscript><iframe src=*.html></iframe></noscript>--> <!--网页将不能被另存为-->


<div class="naver">
    <div class="wrapper">
    	<div class="brand">
        	<a href="./index.html"><img src="imgs/logo.png" width="80"/></a></div>
    	<div class="module">
      <ul>
        <li> <a href="slicy.html">概述</a> </li>
        <li> <a href="grid.html">12列栅格</a> </li>
        <li> <a href="base.html">基础CSS</a> </li>
        <li> <a href="widgets.html">组件</a> </li>
        <li> <a href="javascript.html">JS插件</a> </li>

      </ul>
    </div>
        <div class="sub">
        	<a href="http://www.qietu.com/?slicy_cn" target="_blank" title="切图网" >切图网</a>
        </div>
    </div>
</div>

<div class="docs-masthead">
	<span class="docs-masthead-mask"></span>
	<sup></sup>
  <div class="wrapper">
  	<div class="docs-logoicon">
    	<span>S</span>    </div>
    <!--<h1>众多理由让您选择Slicy<small></small></h1>-->
    <h2>Slicy是一个开源中文 HTML5/CSS3 框架 ,支持跨平台移动浏览器兼容。<br/>兼容ie6,ie7,ie8,firefox,chrome浏览器以及iphone,ipad等移动设备。</h2>

    <p>
    <a href="http://bbs.qietu.cn/thread-15090-1-1.html" target="_blank" class="button bg-blue" style="padding:15px 30px; color:#fff;  font-size:28px; margin: 0 10px;">下载Slicy</a>

    </p>
    <h4><span>当前utf8版本：v1.0</span>  <span>文档更新于：2016-03-23</span></h4>


    <div class="show-pc">
    </div>

    <div class="carbonad show-pc">
    	<span class="carbonad-image"><a target="_blank" href="##"><img width="130" border="0" height="100" style="max-width:130px;" class="carbonad-image carbonad-img" src="imgs/16148.png"></a></span>
        <span class="carbonad-text"><a href="http://www.qietu.com/?slicy_cn" target="_blank">我们提供专业的响应式前端开发服务，拥有300多客户建立至今，超过1000多个项目，价格从优。</a></span>
    </div>

  </div>
	<sub></sub></div>

<div class="partbar hide">
	<div class="wrapper">QQ交流群：102254931<div class="arrow"></div></div>
</div>

<div class="docs-featurette">
	<div class="wrapper">
	<h1 class="docs-featurette-title">Slicy源于对细节的关注</h1>
    <p class="lead">无论你是专业的web前端开发工程师，还是设计师，或者仅仅是一个爱好者，Slicy框架都能够让您快速的建立一个标准美观的web网页。</p>

    <hr class="half-rule"/>
	<div class="row">
    	<div class="col4">
        	<div class="col-padding">
        	<img src="imgs/icon-baseline.png"/>
   	  		<h2>栅格化系统</h2>
          	<p>采用了12列格子技术，将网页平分成12列，可以满足多种布局的网页，为网页的多样性提供了便捷性，和灵活性。</p>
            </div>
      </div>
    	<div class="col4">
        	<div class="col-padding">
        	<img src="imgs/icon-typo.png"/>
        	<h2>响应式设计 </h2>
          	<p>可以根据浏览器的大小自动缩放和调整，对web标签的重构实现了最大化的浏览器支持，避免了枯燥乏味的浏览器兼容调整的烦恼。</p>
            </div>
        </div>
    	<div class="col4">
        	<div class="col-padding">
        	<img src="imgs/icon-grid.png"/>
        	<h2>jquery插件的支持</h2>
            <p>编入了常用的jquery插件，iepng透明插件，选项卡插件，幻灯片插件，lazyload插件，并且测试了其跨浏览器的兼容性。</p>
            </div>
        </div>
  </div>


</div>
</div>


<div class="wrapper footer">
	<p>&copy; CopyRight 2002-2013, Qietu Network Technology Co., Ltd. All Rights Reserved.
    <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1255281778'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/stat.php%3Fid%3D1255281778' type='text/javascript'%3E%3C/script%3E"));</script>

    <br/>
	代码基于<a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow" target="_blank">Apache License v2.0</a>, 文档基于创作共享的 <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/cn/" rel="nofollow" target="_blank">署名-非商业使用-相同方 式分享 2.5</a> 协议发布</p>
</div>

<!--浮动菜单-->
<div class="absbar" style="display:none;">
	<ul>
    	<li><a href="###">分享</a>
        	<ul>
            	<li><a href="http://weibo.com/qietuwang" target="_blank">微博</a></li>
            	<li><a href="###">微信</a>
                	<div class="qrcode">
                    	<img src="imgs/getqrcode.jpg"/>
                        <br/>请扫描关注Slicy微信
                    </div>
                </li>
            </ul>
        </li>
    	<li><a href="http://koubei.baidu.com/s/www.slicy.cn" target="_blank">点评</a></li>
    	<li><a href="###" class="up"><i class="icon icon-chevron-up"></i></a></li>
    	<li><a href="###" class="down"><i class="icon icon-chevron-down"></i></a></li>
    </ul>
</div>
</body>
</html>