響應式網(wǎng)頁設計與自適應網(wǎng)頁設計的根本區(qū)別在哪？

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