響應式網站布局的特點：

　　1、節省人力開發成本，不需要同是維護移動端和pc端；

　　2、表現力一致，在不同平臺上看到的東西是基本一致的，會讓感覺體驗良好；

　　3、跨平臺：在手機、pad、電腦上都有不俗的表現。

　　自適應網站布局的特點：

　　1、實施起來代價低，測試容易，讓你的網站更可控，是一種更切合實際的解決方案。

　　2、訪問速度快，搜索引擎偏好。
 

　　關系：

　　兩者并不排斥，有時候最佳實踐是采用兩種技術的組合來支持完整的硬件和軟件。

　　適合的場景：

　　響應式設計不適合于大型門戶或電商網站，因為其基本原則是不會因為設備不同而給予用戶不同的內容（比如在低分辨率的設備上刪減某些內容），所以一般大型門戶或電商網站都會提供一個移動版設備的網站，或者只能縮放查看。

　　響應式設計是比較容易和花費更少的工作來實現。它在每個屏幕尺寸上對您的設計提供的控制較少，但它是目前創建新網站的首選方法。這也可能與大多數內容管理系統（CMS）（如WordPress，Joomla等）可用的大量廉價模板有關 - 畢竟，誰想要重新發明輪子？

　　對于已經上線的網站，直接改造成響應式布局會有困難，一般采用m.xxx的方法（自適應網頁設計）獨立實現移動端。

　　簡單來說，響應式網頁設計（RWD）目標是一個頁面在所有終端上（各種尺寸的pc，手機，智能終端上的web瀏覽器）都顯示出令人滿意的效果。

　　而自適應設計（AWD）是為不同的屏幕或設備創建不同的頁面（或者說頁面布局），通過服務器和瀏覽器的共同協作，為用戶提供適合的頁面，一個站點一般會通過手機版或平板版或桌面版去實現。