隨著互聯網科技的迅速發展，移動設備和PC端桌面設備成為訪問互聯網的最常見終端。在進行網站策劃時，需要根據客戶不同需求來分析PC端網站和移動端網站制作風格。

根據不同設備環境自動響應及調整、在不同大小的屏幕分辨率上能呈現相同頁面，這種全新的布局設計思維模式，不是為每個終端做特定的版本，而是為不同的終端用戶提供更加舒適的界面和更好的用戶體驗，使網站頁面真正具有彈性。這種概念可稱之為“響應式網頁設計”。

響應式設計可以一個網站兼容多個不同終端

通俗的說，自適應網頁設計也是響應式網頁設計，響應式網頁設計也是自適應網頁設計。但是真正的細分起來，自適應只是響應式的一個子集，指網頁中整體大圖的自適應或者banner的自適應。

自適應網頁設計的典范

典例：在PC端的瀏覽效果

理論上來說，響應式網頁設計在任何情況下都比自適應網頁設計好一些，但在某些情況下自適應布局更切實際。

響應式網頁設計優勢：流體網格的網站適合響應式網頁設計。

1、面對不同分辨率設備靈活性強。

2、能夠快捷解決多設備顯示適應問題。

自適應網頁設計優勢：固定斷點的網站適合自適應網頁設計。

1、實施起來代價更低，測試更容易，這往往讓它們成為更切實際的解決方案。

2、自適應布局可以讓設計更加可控，因為它只需要考慮幾種狀態就可以了。

雖然響應式/自適應網頁設計會帶來兼容各種設備工作量大、代碼累贅、加載時間長的缺點，但它們能“一次設計，普遍適用”，可以根據屏幕分辨率自適應以及自動縮放圖片、自動調整布局，它們不只是技術的實現，更多的是對于設計的全新思維模式。