百分比的CSS响应式框架One CSS Grid

作者 : 开心源码 本文共605个字,预计阅读时间需要2分钟 发布时间: 2022-05-12 共63人阅读

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

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

百分比的CSS响应式框架One CSS Grid

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/

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 百分比的CSS响应式框架One CSS Grid

发表回复