很多人對(duì)響應(yīng)式網(wǎng)站和自適應(yīng)網(wǎng)站都存在誤解，會(huì)以為這兩者都是同一類型的網(wǎng)站，只是叫法不一樣。但是如果通過實(shí)際的瀏覽體驗(yàn)，就能分辨出它們的區(qū)別。可以說自適應(yīng)只是響應(yīng)式當(dāng)中的一個(gè)子集，也就是說響應(yīng)式的開始形態(tài)是自適應(yīng)。要完全區(qū)別于它們兩者，首先你要了解，什么是響應(yīng)式布局？什么是自適應(yīng)布局？

　　什么是響應(yīng)式布局？

　　響應(yīng)式網(wǎng)頁(yè)布局設(shè)計(jì)就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。打個(gè)比方來說：現(xiàn)在社會(huì)有很多響應(yīng)產(chǎn)品，例如折疊沙發(fā)，折疊床等等，當(dāng)我們需要把沙發(fā)放到一個(gè)角落的時(shí)候，此刻沙發(fā)就好比div吧，而角落里的某個(gè)地方就好比父元素，由于父元素空間的改變，我們不得不調(diào)整div,讓它能夠依然放在角落里。在項(xiàng)目中你會(huì)遇到不同的終端，由于終端分辨率不同，所以你要想讓用戶體驗(yàn)更好，就必要讓你的頁(yè)面能夠兼容多個(gè)終端。

　　什么是自適應(yīng)布局？

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

　　而自適應(yīng)不會(huì)，所有的設(shè)備看起來都是一樣的網(wǎng)站，不過是長(zhǎng)度或者圖片變小了，不會(huì)根據(jù)設(shè)備采用不同的展示樣式。

　　哪種技術(shù)更優(yōu)越？

　　歸根結(jié)底，最重要的是要考慮你用戶屬于哪類群體，不管你采用哪種設(shè)計(jì)方式，一旦你知道他們的習(xí)慣，知道他們更傾向于用什么設(shè)備訪問該網(wǎng)站，你在設(shè)計(jì)你的網(wǎng)站時(shí)該采用哪種方式，哪種布局，想法自然會(huì)涌現(xiàn)出來。

　　響應(yīng)式與自適應(yīng)設(shè)計(jì)：設(shè)計(jì)師的最佳選擇是什么？

　　很大程度上還取決你是現(xiàn)有的網(wǎng)站還是一個(gè)新項(xiàng)目。響應(yīng)式設(shè)計(jì)已成為首選的設(shè)計(jì)技術(shù)和思想，現(xiàn)在有1/8的網(wǎng)站采用響應(yīng)式設(shè)計(jì)（雖然這數(shù)字不及自適應(yīng)設(shè)計(jì)）。響應(yīng)式設(shè)計(jì)增長(zhǎng)迅猛，幾乎已經(jīng)達(dá)到作為獨(dú)立移動(dòng)網(wǎng)站的相同水平。記住這點(diǎn)，如果僅僅是考慮屏幕的兼容問題，可以有把握的說，那響應(yīng)式設(shè)計(jì)通常是首選技術(shù)。