響應式網站設計是一種網頁設計布局。其思想是集中創建頁面的頁面布局大小，并根據用戶行為和使用的設備環境智能地執行相應的布局。

 

響應式網站建設者

 

設計理念

 

這個概念是由著名的外國網頁設計師Ethan Marcotte于2010年5月提出的。

 

響應式網頁設計的理念是：

 

頁面的設計和開發應根據用戶行為和設備環境（系統平臺，屏幕尺寸，屏幕方向等）進行響應和調整。具體實踐包括許多方面，包括彈性網格和布局，圖像以及CSS媒體查詢的使用。無論用戶使用的是筆記本電腦還是iPad，我們的頁面都應該能夠自動切換分辨率，圖像大小和相關的腳本功能以適應不同的設備;換句話說，頁面應該能夠自動響應用戶的設備環境。

 

也就是說，響應式網頁設計要求網站與多個終端——兼容，而不是為每個終端制作特定版本。通過這種方式，我們不必為即將推出的新設備進行特殊的版本設計和開發。

 

Ethan Marcotte在他的A List Apart文章中發明了響應式網頁設計（RWD）一詞。他在2011年關于這一主題的短篇小說中描述了自適應網頁設計的理論和實踐。自適應設計在.net雜志的2012年頂級網頁設計趨勢中排名第二（漸進增強是第一個）。他們還列出了Ethan Marcotte最喜歡的20個自適應網站。

 

Ethan Marcotte在A List Apart上發表了一篇關于“響應式網頁設計”的文章，其中引用了自適應架構設計的概念：提出了一種新興的學科——'響應式架構'——，物理空間應該響應當前人的情況在里面。結合嵌入式機器人技術和可拉伸材料的應用，建筑師正在嘗試建造一種可以根據周圍人群進行彎曲，伸縮和擴展的墻體結構;運動傳感器還可以與氣候控制系統一起使用，以調節室內溫度和環境光。已經有公司生產“智能玻璃”：當房間里的人數達到一定的閾值時，玻璃會自動變得不透明并確保隱私。

 

將這個想法擴展到Web設計領域，我們有了一個新概念。為什么必須為每個用戶組創建設計和開發解決方案？與自適應架構類似，Web設計也應自動響應并適應不同的設備環境。

 

顯然，我們不能也不需要運動傳感器或機器人技術。響應式Web設計需要更抽象的思考。幸運的是，已經實現了一些相關概念，例如液體布局，媒體查詢和幫助頁面重新格式化的腳本。但是，自適應網頁設計不僅僅是屏幕分辨率自適應和自動縮放圖像等。它更像是一種新的設計思維方式。