skeljs框架关键点使用

global  全局

style.css    containers: 1400px;容器宽度

xlarge  超大屏(media: max-width:1680px)

style-xlarge.css       containers:1200px;容器宽度

large  大屏  (media: max-width:1280px)

style-large.css     containers: 960px;   zoom:1(布局索引值)

medium  中屏  (media: max-width:980px)

style-medium.css  containers: 90%;    zoom:2(布局索引值)

small  小屏  (media:max-width:736px)  

style-small.css   zoom:3

 

类名:only-medium(只在中屏显示)

   not-small(在小屏不显示)

 

<div class="container">

  <div class="row">

    <div class="3u 6u(2) 12u(3)">

    </div>

  </div>

</div>

 

posted @ 2017-03-02 20:18  constance_girl  阅读(223)  评论(0编辑  收藏  举报