标签：des blog http io ar 使用 java sp for
在这篇文章中，我们为大家推荐12个创建响应式布局的优秀网格框架。如果网页设计和开人员采用了正确的工具集，并基于一个灵活的网格架构，以及能够把响应图像应用到到设计之中，那么创建一个具备响应式的网站并不一定是一项艰巨的任务。enjoy!
Pure 是一组轻量的，响应式的 CSS 模块，您可以使用在任何的 Web 项目中。充分考虑了移动设备中的使用，保持文件体积尽量小，每行 CSS 都进行了仔细的考虑。Pure 基于 Normalize.css 构建，并提供布局以及 原生 HTML 元素的风格，加上最常见的 UI 组件。相信这些都是你需要的。
Variable Grid System 网格系统是一种快速的方法为您的网站生成一个基本的 CSS 网格。生成的 CSS 文件是基于960网格系统。
Gridset 让你可以非常轻松的添加列，定义比例和设置间隔，而不用考虑背后的数学计算。网格系统正逐渐成为网页设计的焦点，和印刷排版有点类似，但是要复杂很多。网页的网格系统需要更加灵活，更加响应性。但是网格系统的计划和规划是件困难的事情，Gridset 可以让你轻松的使用网格系统。
Dgrid 是下一代的网格组件，充分利用现代浏览器和对象存储，轻量级，模块化和易于扩展。
Zen Grids 是基于 SASS 构建的一个响应式的网格系统。它通过去除最复杂的标记大大简化了布局的创建，你只需要基于网格的设计，用纯 CSS 和 HTML 创建你的响应式布局。
Cute Grids 是网格系统，为你的响应式设计提供了一个干净的开始。这是移动优先，包括五个媒体查询，并且是有详细文档。
Susy 是一个用于 Compass 的响应式网格系统。它可以让你快速添加新的媒体查询断点到您的布局 。
Grid Designer 用于在线网格设计，有很多选项用于定义列，尺寸和间距。
这是一个12列的灵活的网格，可以扩展到任意大小（由最大宽度的行定义）也很容易嵌套，这样你就可以打造出复杂的布局，而无需创建大量的自定义元素。
英文链接：50 Grid Tools for Responsive Web Designs
编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
本文来自【梦想天空（http://www.cnblogs.com/lhb25/）】
标签：des blog http io ar 使用 java sp for
原文地址：http://www.cnblogs.com/lhb25/p/grid-tools-for-responsive-web-designs-three.html
