響應式網頁設計與自適應網頁設計的根本區別在哪？

第一：響應式網頁設計都是通過HTML和CSS來完成的，更傾向于改變元素的外觀布局，而不大幅度改變內容；而自適應式網頁設計在包含了CSS技術外，還需要用Javascript來操作HTML來適應移動設備的能力，并且可以在服務端進行優化，再將優化過的內容發送到終端上；
第二：響應式通常采用的mobile first策略，而自適應則是采用保留原有網站而對于更小的分辨率做針對性的優化；
第三：響應式是主動式的響應式網頁設計，自適應是被動式的網頁設計。響應式網頁設計是不管用戶使用何種設備都是在服務器將數據推送到瀏覽器后，腳本或CSS自行執行對應的布局，并且隨時做出樣式響應的變化；而自適應網頁設計是用戶通過瀏覽器發送請求后，服務器根據請求中夾帶的用戶設備信息做出判斷的，再調用已經在服務器里準備好的對應設備樣式文件和HTML內容返回到瀏覽器；
第四：響應式網頁設計中的網頁和屏幕分辨率的關系是一對多的，也就是說一套網頁可適應多個設備環境，而自適應網頁設計中的網頁和屏幕分辨率卻是一對一對應的；