自適應和響應式的區別

　　區別：

　　自適應：需要開發多套界面；

　　響應式：只需開發一套界面。

　　1.自適應：

　　通過檢測視口分辨率，來判斷當前訪問的設備是：pc端、平板、手機，從而請求服務層，返回不同的頁面；響應式設計通過檢測視口分辨率，針對不同客戶端在客戶端做代碼處理，來展現不同的布局和內容。

　　2.響應式：

　　對頁面做的屏幕適配是在一定范圍：比如pc端（>1024）一套適配,平板（768-1024）一套適配，手機端（<768）一套適配;響應式一套頁面全部適配。（可以想象：響應式設計要考慮的內容要比自適應設計復雜的多）

　　響應式設計（RWD）：建立一個網頁，通過CSS Media Query，Content - Based Breakpoint等技術來改變網頁的大小適應不同分辨率的屏幕。

　　自適應設計（AWD）：為不同類別的設備建立不同的網頁，檢測到設備分辨率大小后調用相應的網頁。