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

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

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

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

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

　　為什么需要自適應網(wǎng)頁設計?

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

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