帮助你生成响应式布局的CSS模板 - xyCSS

在前面的文章中我们介绍了响应式的网格profound grid，用来帮助你开发固定或者响应式的流动布局设计，如果你希望使用纯CSS生成响应式的布局的话，相信xyCSS将会是一个不错的选择，xyCSS是一个简化的轻量级CSS框架，只使用一个CSS文件，能够帮助你创建流动或者响应式的布局。

这个框架包含了结构和版面字体相关的样式定义，帮助你有效的使用语义化方式管理你的布局结构。

主要特性

通过CSS的media queries来生成响应式的设计
通过使用CSS reset来解决缺省浏览器的样式问题
水平风格的流体网格布局
垂直风格的可缩放印刷版网格风格
不使用class属性定义
为HTML5设计，支持任何标记
通过CSS3加强
动态的media query过渡效果
支持移动，iphone/ipad，桌面大屏幕
支持prent media的网格样式定义
轻量级的单个css文件
开源并且免费使用
拥有完善的文档和在线演示
支持各种不同类库，例如，jQuery插件，兼容wordpress插件等等

如何使用？

步骤1 : 下载安装
步骤2 : 水平的网格Horizontal Grid

步骤3 : 垂直网格Vertical Grid

步骤4 : 响应式Responsiveness

使用xy.css设计
视觉化网格
支持IE
更多信息

via
gbtags

来源：帮助你生成响应式布局的CSS模板 - xyCSS