帮助你生成响应式布局的CSS模板 - xyCSS
日期:2013-1-31 来源:GBin1.com
在线演示
在前面的文章中我们介绍了响应式的网格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