特别是在借用了一些Css框架,诸如960.gs,YUI Grid 这样的CSS框架的时候,我们会不自觉的多使用一些Div。 以 960.gs 为例,这是一个很著名的理论,国内的一些博客上曾经做过介绍,其原则就是将960px的宽度进行不同程度分割,来达到标准化、模块化使用的目的。 如下图,通过使用 960.gs 只需要一个简单的 class 就可以为我们提供不同的标准分割。 1.png 在其内部,我们可以按照自己的规划进行布局。 ?
960 Grid on jQuery-Mobile jquery-mobile-960 是一个用于移动 Web 开发的网格框架,综合了 960.gs 的灵活性和 jQuery Mobile 的方便性
效果如下: “Demo https://codepen.io/airen/embed/OJMvRev ” 你可以发现,这个时候,网格线的区域的命名像下图这样: 12列网格布局 12列网格布局最早是由960 .gs提出的网格布局系统(//960.gs/): 12列网格布局在设计系统和CSS Framework中经常使用,比如业内经典的Bootstrap http://getbootstrap.com/ 就采用了
css网格系统 框架:Sematic Skeleton LessFramework , 1140 css Grid,Colummal ,960.gs 常用网格类名: row,container