響應式 Web 設計必備的 12 款 CSS 框架
目前接入互聯網中的設備的多樣性，催生了新的 Web 布局設計方式——響應式設計。響應式設計的理念是，頁面的設計與開發應當根據用戶行為以及設備環境（系統平臺、屏幕尺寸、屏幕定向等）進行相應的響應和調 整。這樣開發者就無需針對每種設備及分辨率分別創建獨立的布局。
本文整理 12 款針對響應式布局設計的 CSS 框架，可以使你的開發工作變得輕松，并節省你的時間和成本。
Skeleton 是一系列 CSS 和 JS 文件的集合，它可以幫你快速地調整網頁在不同分辨率下的顯示效果，無論是 17 寸的筆記本電腦還是一個 iPhone。Skeleton 以輕量級的 960 網格系統為基礎，可以優雅地等比例縮放桌面、平板、手機上的瀏覽尺寸。
Less 框架是一個用于設計自適應網站的 CSS 網格系統，它包含 4 個布局和 3 套預設布局，這些都以一個單一網格為基礎。Less 框架的目標是更高效地創建多布局網站，并在布局之間保持一致。
Foundation 是一個易用的、強大的、靈活的框架，用于創建運行于任何設備上的網站原型和最終產品代碼。Foundation 包含幾十種風格和元素，你可以快速將它們進行組合，然后通過布局和設計，形成最終產品。
1140網格可以完美適應 1280 分辨率顯示器。在較小的顯示器上，它可以根據瀏覽器的寬度變成流體形式，并自適應瀏覽窗口。
Golden 網格系統是為增強網頁兼容性設計的折疊式網格，具有四個特征：列、跨頁、底線、腳本。
Frameless 和 Golden Grid System 類似，是通過逐列（column by column）形式來自適應頁面布局，而不是通過逐像素（pixel by pixel）形式。Frameless 不是一個框架，因為它不包含任何代碼，它只是一個特定類型的自適應網格的想法，你可以將它作為設計工作的一個很好的出發點。
MQFramework 是一個響應式 CSS 框架，它使用@media 屬性，允許你針對任何大小的瀏覽器設計你的網站。
該框架用于使用較少的代碼實現在較小屏幕（平板電腦、手機）上運行的項目，支持 IE6+。
Fluid Baseline 網格系統是一個 HTML5 & CSS3 開發工具包，為網站快速設計提供了堅實的基礎。
HTML5 Boilerplate 基于 HTML/CSS/JS 模板，可以幫助開發者使用 HTML5 技術快速開發穩健、功能齊全的網站。你可以把它當作自己的新項目模板，在此基礎上建立自己的項目。
該模板包含了幫助開發 HTML5 站點和應用程序的組件和一些優秀的最佳實踐，只需開發者最少的前期工作，就能為項目提供一個非常穩固的基礎。另外，該模板是高度可定制，可輕松刪除不需要的一些特性。
320 and Up 使用一個小型屏幕樣式表，以防止移動設備加載桌面資源。其中樣式表中包含了一些顏色、排版布局等設置屬性。
Amazium 是一個基于 960 網格系統的響應式框架，使用 4 個主要的媒體查詢來調整你的網站布局，以和設備屏幕相匹配。
原文： popular css frameworks for modern web layout design