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

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