自適應(yīng)設(shè)計和響應(yīng)式設(shè)計網(wǎng)頁都是由于現(xiàn)在互聯(lián)訪問設(shè)備有著眾多不通的分辨率，手機，pad，筆記本，PC，大大小小，形形色色。這兩者都是為了適配不同分辨率的設(shè)備訪問的一種網(wǎng)頁設(shè)計技術(shù)。
響應(yīng)式設(shè)計是采用 CSS 的 media query 技術(shù)，配合流體布局（ fluid grids ）和同樣可以自適應(yīng)的圖片/視頻等資源素材。以上所說，都是通過 HTML 和 CSS 就能完成的。一般來說，RWD 傾向于只改變元素的外觀布局，而不大幅度改變內(nèi)容。可以把 RWD 定義為一切能用來為各種分辨率和設(shè)備性能優(yōu)化視覺體驗的技術(shù)吧。
自適應(yīng)設(shè)計在包括 RWD 的 CSS media query 技術(shù)以外，也要用 Javascript 來操作 HTML 來更適應(yīng)移動設(shè)備的能力。有可能會針對移動端用戶減去內(nèi)容，減去功能。也 可以在服務(wù)器端就進行優(yōu)化，把優(yōu)化過的內(nèi)容送到終端上。 通常會牽扯到另外一個詞 “progressive enhancement” 。
progressive enhancement：從針對最低端的，最低分辨率的設(shè)備的設(shè)計做起，逐步逐步為更高階的設(shè)備增加功能和效果的做法。（換個角度說，也就是相當于為移動設(shè)備減去功能）
參考資料:
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
http://geekplux.com/grid/
https://www.zhihu.com/question/20628050?rf=24334181
