如果你希望使用CSS生成响应式的布局的话，相信xyCSS将会是一个不错的选择，xyCSS是一个简化的轻量级CSS框架，只使用一个CSS文件，能够帮助你创建流动或者响应式的布局。
这个框架包含了结构和版面字体相关的样式定义，帮助你有效的使用语义化方式管理你的布局结构。
主要特性
- 通过CSS的media queries来生成响应式的设计
- 通过使用CSS reset来解决缺省浏览器的样式问题
- 水平风格的流体网格布局
- 垂直风格的可缩放印刷版网格风格
- 不使用class属性定义
- 为HTML5设计，支持任何标记
- 通过CSS3加强
- 动态的media query过渡效果
- 支持移动，iphone/ipad，桌面大屏幕
- 支持prent media的网格样式定义
- 轻量级的单个css文件
- 开源并且免费使用
- 拥有完善的文档和在线演示
- 支持各种不同类库，例如，jQuery插件，兼容wordpress插件等等
如何使用？
网站来源：http://xycss.com/
在线演示：http://xycss.com/xy/demos/
