说到响应式css框架，你会想到哪些？ bootstrap，pure.css ? 下面推荐的这块比较特别，它的栅格系统是基于100%来构建的，类似于bootstrap的100%格子系统。

One% CSS Grid 是一款用来构建响应式排版的12列流畅的网格系统，支持1280px和1024px两种宽度的选项，采用基于百分比的网格系统来完美适配各种屏幕。

One% CSS Grid是一款基于百分比的CSS响应式框架，这意味着布局的列尺寸控制是按照百分比来计算的，这一点大大方便了响应式设计。

如何使用:

One% CSS Grid有两种模式，一个是基于1200px宽度来计算的，而另一个则是按照1000px宽度来计算。这是两种不同的布局风格，前者是针对宽版的设计，而后者则是类似于960px的窄版设计。当我们开始设计网站时，首先就要确定自己使用的是哪一种设计风格。但不管使用哪一种设计，整个网页将被划分为N行12列。

One% CSS Grid主要依赖于CSS2当中的规范，但需要CSS3中的media query来针对不同的屏幕尺寸，因此在IE7、IE8当中需要额外配用JavaScript脚本；当然，IE6就不要想了。

官方网站：
http://onepcssgrid.mattimling.com

-----

另外切图网改版了，更精致，支持响应式。基于切图网内部css栅格框架，不久后框架即将开源，敬请期待。 预览：http://qietu.com/