自適應(yīng)是為了解決如何才能在不同大小的設(shè)備上呈現(xiàn)相同的網(wǎng)頁。手機(jī)的屏幕比較小，寬度通常在600像素以下，pc的像素一般在1000像素以上，部分配置高的筆記本在2000像素以上的也有，同樣的頁面要顯示在不同的設(shè)備上面，還要呈現(xiàn)出滿意的效果，不是一件容易的事情。因此就有人想出了一個(gè)辦法，能不能"一次設(shè)計(jì)，普遍適用"，讓同一張網(wǎng)頁自動適應(yīng)不同大小的屏幕，根據(jù)屏幕的寬度，自動調(diào)節(jié)網(wǎng)頁的內(nèi)容大小，但是無論怎么樣子，他們的主體的內(nèi)容和布局是沒有變化的。

        響應(yīng)式的概念應(yīng)該是覆蓋了自適應(yīng)，但是包括的東西更多。響應(yīng)式布局是解決如何根據(jù)屏幕的大小自動調(diào)整頁面的展現(xiàn)方式，以及布局。自適應(yīng)還是暴露出一個(gè)問題，如果屏幕太小，即使網(wǎng)頁能夠根據(jù)屏幕大小進(jìn)行適配，但是會感覺在小屏幕上查看，內(nèi)容過于擁擠，響應(yīng)式正是為了解決這個(gè)問題而衍生出來的概念。它可以自動識別屏幕寬度、并做出相應(yīng)調(diào)整的網(wǎng)頁設(shè)計(jì)，布局和展示的內(nèi)容可能會有所變動。