responsive design (響應式設計)：
建立乙個網頁，通過css media queries，content－based breakpoint（基於內容的斷點）等技術來改變網頁的大小以適應不同解析度的螢幕。
adaptive design (自適應設計)：
為不同類別的裝置建立不同的網頁，檢測到裝置解析度大小後呼叫相應的網頁。目前awd網頁主要針對這幾種解析度（320，480，760，960，1200，1600）
自適應是最先出現的，之後才引申了響應式。
自適應是為了解決在不同尺寸螢幕呈現相同的效果，比如手機，電腦等，最開始的解決辦法是在每種尺寸的機型都寫一套對應的樣式庫，解決自適應問題。但是這樣極不方便維護，因此後來引申了響應式。
響應式概念涵蓋了自適應，同時也包含更多的內容，可以根據某個螢幕的大小自動調節頁面的展示形式和布局。
自適應和響應式布局的區別？
自適應布局通過檢測視口解析度，來判斷當前訪問的裝置是 pc端 平板 手機，從而請求服務層，返回不同的頁面 響應式布局通過檢測視口解析度，針對不同客戶端在客戶端做 處理，來展現不同的布局和內容。自適應布局需要開發多套介面，而響應式布局只需要開發一套介面就可以了。自適應對頁面做的螢幕適配是在一定範圍 比...
響應式與自適應的區別
什麼是自適應 awd adaptive design 是 aaron g.的一本技術書的標題，時間要比rwd晚一些。他認為 awd 在包括 rwd 的 css media query 技術以外，awd 有可能會針對移動端使用者減去內容，減去功能。awd 可以在伺服器端就進行優化，把優化過的內容送到終...
響應式與自適應
ldjman 一 響應式 1 何為響應式 響應式就是 返回乙個 展示檔案，瀏覽器根據螢幕的大小而採用不同布局的視覺最適合的效果，意思同乙個 就是不同的螢幕大小會形成不同布局效果，目的都是為了根據螢幕的大小展現出最優的展示效果。三 響應式與自適應的對比 響應式 自適應 布局不一樣，根據螢幕的大小而匹配...