自適應(yīng)設(shè)計(jì)和響應(yīng)式設(shè)計(jì)網(wǎng)頁(yè)都是由于現(xiàn)在互聯(lián)訪問(wèn)設(shè)備有著眾多不通的分辨率罢猪，手機(jī)，pad慨丐，筆記本坡脐，PC，大大小小房揭，形形色色备闲。這兩者都是為了適配不同分辨率的設(shè)備訪問(wèn)的一種網(wǎng)頁(yè)設(shè)計(jì)技術(shù)。
響應(yīng)式設(shè)計(jì)是采用 CSS 的 media query 技術(shù)捅暴，配合流體布局（ fluid grids ）和同樣可以自適應(yīng)的圖片/視頻等資源素材恬砂。以上所說(shuō)，都是通過(guò) HTML 和 CSS 就能完成的蓬痒。一般來(lái)說(shuō)泻骤，RWD 傾向于只改變?cè)氐耐庥^布局，而不大幅度改變內(nèi)容梧奢∮啵可以把 RWD 定義為一切能用來(lái)為各種分辨率和設(shè)備性能優(yōu)化視覺(jué)體驗(yàn)的技術(shù)吧。
自適應(yīng)設(shè)計(jì)在包括 RWD 的 CSS media query 技術(shù)以外亲轨，也要用 Javascript 來(lái)操作 HTML 來(lái)更適應(yīng)移動(dòng)設(shè)備的能力趋惨。有可能會(huì)針對(duì)移動(dòng)端用戶減去內(nèi)容，減去功能惦蚊。也 可以在服務(wù)器端就進(jìn)行優(yōu)化器虾，把優(yōu)化過(guò)的內(nèi)容送到終端上。 通常會(huì)牽扯到另外一個(gè)詞 “progressive enhancement” 蹦锋。
progressive enhancement：從針對(duì)最低端的兆沙，最低分辨率的設(shè)備的設(shè)計(jì)做起，逐步逐步為更高階的設(shè)備增加功能和效果的做法莉掂。（換個(gè)角度說(shuō)葛圃，也就是相當(dāng)于為移動(dòng)設(shè)備減去功能）
參考資料:
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html
http://geekplux.com/grid/
https://www.zhihu.com/question/20628050?rf=24334181
