日期：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

轉載于:https://www.cnblogs.com/java20130725/archive/2013/01/31/3215595.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的帮助你生成响应式布局的CSS模板 - xyCSS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。