一款基于百分比的CSS响应式框架

2016-03-07 17:38 评论 0 条 隐藏侧边

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

onepercent

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

如何使用:

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

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

 

版权声明: 本文为原创文章,版权归本站所有,欢迎分享本文,转载请保留出处!
转载请注明: 《一款基于百分比的CSS响应式框架》 | 沈立洋博客

发表评论:


插入表情