響應式布局與自適應布局的區(qū)別為：
自適應：需要開發(fā)多套界面；
響應式：只需開發(fā)一套界面。
1.自適應：
通過檢測視口分辨率，來判斷當前訪問的設備是：pc端、平板、手機，從而請求服務層，返回不同的頁面；響應式設計通過檢測視口分辨率，針對不同客戶端在客戶端做代碼處理，來展現(xiàn)不同的布局和內容。
2.響應式：
對頁面做的屏幕適配是在一定范圍：比如pc端（>1024）一套適配,平板（768-1024）一套適配，手機端（<768）一套適配;響應式一套頁面全部適配。（可以想象：響應式設計要考慮的內容要比自適應設計復雜的多）
響應式設計（RWD）：建立一個網頁，通過CSS Media Query，Content - Based Breakpoint等技術來改變網頁的大小適應不同分辨率的屏幕。
自適應設計（AWD）：為不同類別的設備建立不同的網頁，檢測到設備分辨率大小后調用相應的網頁。
自適應設計（AWD）：為不同類別的設備建立不同的網頁，檢測到設備分辨率大小后調用相應的網頁。
1.概念上的區(qū)別
響應式就是指網站頁面大小改變顯示不同的布局，就是一個html網站能夠兼容很多版本的手機和電腦等終端。
自適應布局是指通過JS及CSS的控制，借助rem、百分比等相對度量單位，在不同大小的設備上呈現(xiàn)相同的網頁。特點就是在不同的屏幕大小下設置不同的布局格式。
2.工作原理的區(qū)別
響應式設計通過檢測視口分辨率，針對不同客戶端在客戶端做代碼處理，來展現(xiàn)不同的布局和內容。
自適應設計通過檢測視口分辨率，來判斷當前訪問的設備是：pc端、平板、手機，從而請求服務層，返回不同的頁面。
3.頁面設計的區(qū)別
響應式可實現(xiàn)一套頁面全部適配；而自適應對頁面做的屏幕適配是在一定范圍：比如pc端（>1024）一套適配,平板（768-1024）一套適配，手機端（<768）一套適配。由此可見，響應式設計要考慮的內容要比自適應設計復雜的多。
4.使用不同設備瀏覽效果的區(qū)別
響應式網站是使用不同的設備瀏覽網站時，網站樣式風格、內容和網址都是完全一樣的，PC端和移動端屬于同一個網站模板，數(shù)據(jù)庫完全一致。
自適應網站是使用不同設備瀏覽時呈現(xiàn)不同的網頁，網頁內容及版式風格或相似或完全不同，和PC端屬于不同的網站模板，數(shù)據(jù)庫內容或相同一致，或獨立不同，目的在于為了符合訪客的瀏覽。
響應式和自適應都有哪些優(yōu)缺點
1.響應式的優(yōu)缺點
優(yōu)點：響應式網站更加方便瀏覽，能夠增加訪客的體驗度，無需再單獨設計制作手機站，PC站即是手機站，對于優(yōu)化來講，權重不分散，更加符合搜索引擎的規(guī)則。
缺點：響應式網設計往往風格有些局限，對于復雜的框架結構難以實現(xiàn)。
2.自適應的優(yōu)缺點
優(yōu)點：自適應網站可以獨立設計，做任何自己想要的風格，還可以做到數(shù)據(jù)庫同步，設計方案靈活，可獨立優(yōu)化符合搜索引擎的規(guī)則。
缺點：自適應網站的手機站，有時無法做到與PC站內容完全一致，且工作量大。此外，自適應手機站往往使用不同的子域名或目錄跳轉，對于優(yōu)化來講權重分散，訪客瀏覽體驗仍有缺陷。
