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

　　什么是響應式布局？

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

　　什么是自適應布局？

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

　　而自適應不會(huì )，所有的設備看起來(lái)都是一樣的網(wǎng)站，不過(guò)是長(cháng)度或者圖片變小了，不會(huì )根據設備采用不同的展示樣式。

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

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

　　響應式與自適應設計：設計師的最佳選擇是什么？

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