第一:響應式網(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è)和屏幕分辨率卻是一對一對應的;