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

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

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

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

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

　　為什么需要自適應網頁設計?

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

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