自適應(yīng)網(wǎng)頁設(shè)計(jì)(AdaptiveWebDesign)指能使網(wǎng)頁自適應(yīng)顯示在不同大小終端設(shè)備上新網(wǎng)頁設(shè)計(jì)方式及技術(shù)。

　　2010年，EthanMarcotte提出了“自適應(yīng)網(wǎng)頁設(shè)計(jì)”(ResponsiveWebDesign)這個名詞，指可以自動識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì)。他制作了一個范例，里面是六個主人公的頭像。

　　如果屏幕寬度大于1300像素，則6張圖片并排在一行。

　　如果屏幕寬度在600像素到1300像素之間，則6張圖片分成兩行。

　　如果屏幕寬度在400像素到600像素之間，則導(dǎo)航欄移到網(wǎng)頁頭部。

　　為什么需要自適應(yīng)網(wǎng)頁設(shè)計(jì)?

　　時代在進(jìn)步，不斷涌現(xiàn)的各種新型設(shè)備(手機(jī)/平板電腦)、平臺和瀏覽器都需要你的網(wǎng)站的網(wǎng)頁能夠兼容顯示。自適應(yīng)網(wǎng)頁設(shè)計(jì)代表了一種必然的設(shè)計(jì)趨勢，有越來越多的網(wǎng)站都采用了自適應(yīng)網(wǎng)頁設(shè)計(jì)。

　　自適應(yīng)網(wǎng)站能夠給用戶帶來更好的瀏覽體驗(yàn)，網(wǎng)站建設(shè)需要考慮頁面布局。當(dāng)然自適應(yīng)設(shè)計(jì)目前價格相對比較高，如果網(wǎng)站的要求的版面相對比較復(fù)雜的話，消耗的時間會比較長，比較適合單欄或雙欄等簡單版面網(wǎng)站。