隨著網際網路科技的迅速發展，移動裝置和 PC 端桌面裝置成為訪問網際網路的常見終端。在進行網站策劃時，需要根據客戶不同需求來分析 PC 端網站和移動端網站製作風格。
根據不同裝置環境自動響應及調整、在不同大小的螢幕解析度上能呈現相同頁面，這種全新的佈局設計思維模式，不是為每個終端做特定的版本，而是為不同的終端多使用者提供更加舒適的介面和更好的多使用者體驗，使網站頁面真正具有彈性。這種概念可稱之為 “響應式網頁設計” 。理論上來說，響應式網頁設計在任何情況下都比自適應網頁設計好一些，但在某些情況下自適應佈局更切實際。
響應式網頁設計優勢：流體網格的網站適合響應式網頁設計。
1 、面對不同解析度裝置靈活性強。
2 、能夠快捷解決多裝置顯示適應問題。
自適應網頁設計優勢：固定斷點的網站適合自適應網頁設計。
1 、實施起來代價更低，測試更容易，這往往讓它們成為更切實際的解決方案。
2 、自適應佈局可以讓設計更加可控，因為它只需要考慮幾種狀態就可以了。
雖然響應式/自適應網頁設計會帶來相容各種裝置工作量大、程式碼累贅、載入時間長的缺點，但它們能 “一次設計，普遍適用”，可以根據螢幕解析度自適應以及自動縮放圖片、自動調整佈局，它們不只是技術的實現，更多的是對於設計的全新思維模式。