Simple Grid:轻量级的响应式 CSS 网格系统

泡在网上的日子 / 文 发表于2015-12-26 16:12 次阅读 网格系统,CSS

Simple Grid 是一款响应式、轻量级的网格系统,1140PX的宽度包含12列,但是很容易适配各种尺寸的排版。

a2865627-b874-49c2-94f1-2c0b7edd215b

使用网格进行网页设计已经是潮流,但是现在有很多 CSS 框架都提供网格功能,用来控制网页上每个元素的位置,但是这些 CSS 框架都是太多功能,而有时我们仅仅需要一个简单的网格系统。Simple Grid 就是一个这样的简洁的 CSS 框架,并且它还是基于响应式布局设计。详细功能介绍:

响应式

基于响应式设计的 Simple Grid,让你可以快速创建适应于手机和平板电脑的网站。

轻量级

Simple Grid 它不是一个包含从表单到按钮所有东西的 CSS 框架,它仅仅是一个非常轻量级的 CSS 网格系统。

1140px

不再是 1024像素,Simple Grid 一开始就设计成支持更大的显示器和更大分辨率。

12 列

Simple Grid 的 12 列结构设计让你非常容易帮网页分割成 2,3 4 或者 6 列,给程序员更多的选择。

官方网站:http://thisisdallas.github.com/Simple-Grid/


收藏 赞 (1) 踩 (0)
上一篇:前端性能优化之更平滑的动画
想要达到平滑的动画效果,浏览器需要避免复杂繁琐的工作,比如解析代码,构建渲染树,绘制,布局等等工作。庆幸的是,我们有GPU。 从一个简单例子说起。 假设现在有这样的需求,鼠标移上图标时,图片向右移动300个像素单位,效果大概是下面这样。 很自然,人
下一篇:最全面的前端开发指南
HTML 语义 HTML5为我们提供了很多旨在精确描述内容的语义元素。确保你可以从它丰富的词汇中获益。 !--bad--divid=maindivclass=articledivclass=headerh1Blogpost/h1pPublished:span21stFeb,2015/span/p/divp…/p/div/div!--good--mainarticleheaderh1Blogpo