響應式布局和自適應布局都是為了使網頁在不同大小終端設備上顯示效果更佳，但它們在實現方式、開發成本適用范圍等方面存在一些區別。響應式布局和自適應布局都是網頁設計中的一種技術，它們都可以使網頁在不同的設備和屏幕尺寸上保持良好的顯示效果。

1.實現方式:
響應式布局通過CSS3的Media Query實現，可以根據不同的設備屏幕大小和分辨率來展示不同的頁面布局。自適應布局則通過檢測視口分辨率來判斷當前訪問的設備屏幕大小，從而請求服務層返回不同的頁面。

2.開發成本:
自適應布局需要開發多套界面來適應不同的終端，因此開發成本相對較高。而響應式布局只需要開發一套界面，通過CSS3的Media Query實現不同屏幕大小下的布局調整，因此開發成本相對較低。

3.適用范圍:
自適應布局適用于不同大小終端設備的顯示，但需要在不同終端上分別進行開發和測試，因此適用范圍相對較廣。響應式布局適用于不同屏慕分辨率下的顯示，但需要在同一個終端上通過瀏覽器進行開發和測試，因此適用范圍相對較窄

4.頁面適配:
自適應布局需要在一定范圍內進行適配，比如pc端一般要大于1024像素，手機端要小于768像素。而響應式布局則可以自動識別屏幕寬度并作出相應的調整頁面設計，因此適配范圍相對較廣。

總之，響應式布局和自適應布局各有優缺點，需要根據具體需求和場景選擇合適的布局方式。