一部分人對於響應式網站的定義是：能夠適應不同屏幕大小終端設備的網站稱之為響應式網站。所以很多人都會把響應式網站當作自適應網站，但是其實響應式網站和自適應網站是有區別的，它們兩者從形式上看，共同點都是可以實現自動適應不同屏幕大小的終端設備，但是這兩者是有根本的區別的。
但是如果通過實際的瀏覽體驗，就能分辨出它們的區別。可以説響應式是自適應的父級，也就是説響應式的開始形態是自適應。那麼，首先得明白這兩個兩個定義，什麼是響應式佈局？什麼是自適應佈局？
什麼是響應式佈局？
響應式佈局可以為不同終端的用户提供更加舒適的界面和更好的用户體驗，而且隨着目前大屏幕移動設備的普及，用大勢所趨來形容也不為過。隨着越來越多的設計師採用這個技術，我們不僅看到很多的創新，還看到了一些成形的模式。響應式網頁佈局設計就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。在項目中你會遇到不同的終端，由於終端分辨率不同，所以你要想讓用户體驗更好，就必要讓你的頁面能夠兼容多個終端。
什麼是自適應佈局？
自適應網頁佈局設計指網頁能夠在不同大小的終端設備上自行適應顯示。簡單來説：就是讓一個網站在不同大小的設備上呈現顯示同一樣的頁面，讓同一個頁面適應不同大小屏幕，根據屏幕的大小，自動縮放。
總的來説響應式與自適應的原理是相似的，都是檢測設備，根據不同的設備採用不同的css，而且css都是採用的百分比的，而不是固定的寬度，不同點是響應式網站在不同的設備上看上去是不一樣的，會隨着設備的改變而改變模板樣式、模塊排版、展示樣式。而自適應不會，所有的設備看起來都是一樣的網站，不過是長度或者圖片變小了，不會根據設備採用不同的展示樣式。