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