概念：

伊桑·馬科特在2010年首次提出了響應式網頁設計(RWD, Responsive Web Design)的概念。(當時能提出這個概念是很不簡單的哦)他根據工程師在處理不同屏幕分辨率的網頁內容展現的效果的時候常用的技巧和策略，創造性的進行了歸納總結。簡而言之是指網頁根據屏幕寬度，做出相應調整的，力求能夠達到在不同的設備下，內容都能以最合適的方式展現給用戶。

原理：

在CSS中，有一個不常用到的屬性media。為了達到響應式設計的目的，讓css根據屏幕寬度(例如media screen only @(max-width:640px))，使用不同的CSS代碼，從而達到自動調整頁面DIV寬度的目的。當然，除了CSS，還可以使用JS對頁面內容進行動態的調整，不過這個技術不是很流行。

價值：

隨著越來越多的智能移動設備(手機，平板)加入到互聯網中來，互聯網上的訪問設備是越來越多。為了給手機和平板設備提供更好的體驗，必須在網站設計中使用響應式網站設計，并且整合從PC端到手機的各種屏幕尺寸和分辨率，用技術來使網頁適應不同分辨率的屏幕。

總結：

響應式網站設計，為計算機、手機、平板電腦等不同設備的訪問用戶了提供更加舒適的界面和更好的用戶體驗(和速度)，而且隨著目前移動設備的增長，已成為大勢所趨。如果一個網站不支持響應式設計，那么就已經可以說不是很符合潮流了。

最后：

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

上一篇：網站設計一個網站，包括那些服務？

下一篇：如何確定一家番禺網站設計公司的網站開發設計能力？