一部分人對于響應(yīng)式網(wǎng)站的定義是：能夠適應(yīng)不同屏幕大小終端設(shè)備的網(wǎng)站稱之為響應(yīng)式網(wǎng)站。所以很多人都會把響應(yīng)式網(wǎng)站當(dāng)作自適應(yīng)網(wǎng)站，但是其實響應(yīng)式網(wǎng)站和自適應(yīng)網(wǎng)站是有區(qū)別的，它們兩者從形式上看，共同點都是可以實現(xiàn)自動適應(yīng)不同屏幕大小的終端設(shè)備，但是這兩者是有根本的區(qū)別的。
 
但是如果通過實際的瀏覽體驗，就能分辨出它們的區(qū)別?？梢哉f響應(yīng)式是自適應(yīng)的父級，也就是說響應(yīng)式的開始形態(tài)是自適應(yīng)。那么，首先得明白這兩個兩個定義，什么是響應(yīng)式布局？什么是自適應(yīng)布局？
 
什么是響應(yīng)式布局？
響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗，而且隨著目前大屏幕移動設(shè)備的普及，用大勢所趨來形容也不為過。隨著越來越多的設(shè)計師采用這個技術(shù)，我們不僅看到很多的創(chuàng)新，還看到了一些成形的模式。響應(yīng)式網(wǎng)頁布局設(shè)計就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。在項目中你會遇到不同的終端，由于終端分辨率不同，所以你要想讓用戶體驗更好，就必要讓你的頁面能夠兼容多個終端。

 
什么是自適應(yīng)布局？
自適應(yīng)網(wǎng)頁布局設(shè)計指網(wǎng)頁能夠在不同大小的終端設(shè)備上自行適應(yīng)顯示。簡單來說：就是讓一個網(wǎng)站在不同大小的設(shè)備上呈現(xiàn)顯示同一樣的頁面，讓同一個頁面適應(yīng)不同大小屏幕，根據(jù)屏幕的大小，自動縮放。
 
總的來說響應(yīng)式與自適應(yīng)的原理是相似的，都是檢測設(shè)備，根據(jù)不同的設(shè)備采用不同的css，而且css都是采用的百分比的，而不是固定的寬度，不同點是響應(yīng)式網(wǎng)站在不同的設(shè)備上看上去是不一樣的，會隨著設(shè)備的改變而改變模板樣式、模塊排版、展示樣式。而自適應(yīng)不會，所有的設(shè)備看起來都是一樣的網(wǎng)站，不過是長度或者圖片變小了，不會根據(jù)設(shè)備采用不同的展示樣式。