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

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

86103eca-115a-4480-8e8b-f0fd5eb313be

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

如何使用

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

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

兼容性

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

许可证

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

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

2 2 收藏

资源整理者简介:卢伟

设计师、极客爱好者 个人主页 · 贡献了320个资源 · 5 ·    


直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer