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

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

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

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

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

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

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

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