One% CSS Grid – 一款基于百分比的CSS响应式框架

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

如何使用

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

但不管使用哪一种设计，整个网页将被划分为N行12列。

因此，在导入了CSS文件之后，我们就可以在HTML中如下调用：



   
   
      
      Column 3
      Column 3
      Column 3
      Column 3
   

   
      
      Column 2
      
      Column 8
      Column 2

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

One% CSS Grid的网站当中缺乏对许可证的声明，请在商业项目中谨慎对待。