如果你希望使用CSS生成響應(yīng)式的布局的話，相信xyCSS將會是一個不錯的選擇，xyCSS是一個簡化的輕量級CSS框架，只使用一個CSS文件，能夠幫助你創(chuàng)建流動或者響應(yīng)式的布局。
這個框架包含了結(jié)構(gòu)和版面字體相關(guān)的樣式定義，幫助你有效的使用語義化方式管理你的布局結(jié)構(gòu)。
主要特性
- 通過CSS的media queries來生成響應(yīng)式的設(shè)計
- 通過使用CSS reset來解決缺省瀏覽器的樣式問題
- 水平風格的流體網(wǎng)格布局
- 垂直風格的可縮放印刷版網(wǎng)格風格
- 不使用class屬性定義
- 為HTML5設(shè)計，支持任何標記
- 通過CSS3加強
- 動態(tài)的media query過渡效果
- 支持移動，iphone/ipad，桌面大屏幕
- 支持prent media的網(wǎng)格樣式定義
- 輕量級的單個css文件
- 開源并且免費使用
- 擁有完善的文檔和在線演示
- 支持各種不同類庫，例如，jQuery插件，兼容wordpress插件等等
如何使用？
網(wǎng)站來源：http://xycss.com/
在線演示：http://xycss.com/xy/demos/
