響應式Web設計(Responsive Web design)的理念是:集中創建頁面的圖片排版大小，可以智能地根據用戶行為以及使用的設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相對應的布局。

01 概念

響應式Web設計(Responsive Web design)的理念是:頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。具體的實踐方式由多方面組成，包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備;換句話說，頁面應該有能力去自動響應用戶的設備環境。響應式網頁設計就是一個網站能夠兼容多個終端--而不是為每個終端做一個特定的版本。這樣，我們就可以不必為不斷到來的新設備做專門的版本設計和開發了。

 02提出

Ethan Marcotte曾經在A List Apart發表過一篇文章"Responsive Web Design"，文中援引了響應式建筑設計的概念:現出現了一門新興的學科--"響應式架構(responsive architecture)"--提出，物理空間應該可以根據存在于其中的人的情況進行響應。結合嵌入式機器人技術以及可拉伸材料的應用，建筑師們正在嘗試建造一種可以根據周圍人群的情況進行彎曲、伸縮和擴展的墻體結構;還可以使用運動傳感器配合氣候控制系統，調整室內的溫度及環境光。已經有公司在生產"智能玻璃":當室內人數達到一定的閾值時，這種玻璃可以自動變為不透明，確保隱私。

03十大開發框架

Gumby Framework:Gumby 2是建立在Sass基礎上的。Sass是一款非常強大的CSS 預處理器，允許用戶自主快速的開發擴展Gumby，同時提供很多新的工具來自定義和擴展Gumby框架。Gumby 2是一個非常棒的響應式CSS框架。

Get UI Kit：Get UI Kit是一款輕量級、模塊化的前端框架，用于開發快四且強大的Web界面。

Foundation：Foundation是一個易用、強大而且靈活的框架，用于構建基于任何設備上的Web應用。提供多種Web上的UI 組件，如表單、按鈕、 標簽等。

Semantic：UI是Web的靈魂!Semantic是為攻城師而制作的可復用的開源前端框架。提供各種UI組件，使得開發更加直觀、易于理解。

52Framework：52 Framework主要用于優化HTML5和CSS3的跨瀏覽器兼容性的框架，可在所有主流瀏覽器上運行。

PureCSS：Pure是一組小的、響應式CSS模塊，可用于任意Web項目中。它可作為每個網站或Web應用的起步工具，幫助開發者處理應用程序所需的所有CSS工作，同時不會讓每個應用千篇一律。

Responsablecss：Responsable使用最少的Sass，帶給你最完美的響應式框架。

TukTuk：TukTuk支持代碼重用功能，提供更加快速、高效的樣式列表，易于添加與維護。

Kube：Kube是全球最為流行、最靈活的CSS框架之一。其帶給你最強大的功能選擇，極具創意性與美觀性。

Ivory：Ivory是一款強大、靈活、易用的響應式框架。 Ivory基于12列的響應式網格布局，包含表格，按鈕，表格，分頁，撥動開關，工具提示，手風琴，選項卡等網站中常用的組件和樣式。

廈門網站建設，網站優化，福建谷歌推廣，小程序開發，企業郵箱，微信推廣