實時資訊，第一時間知道

很多人對響應式網站和自適應網站都存在誤解，會以為這兩者都是同一類型的網站，隻是叫法不一樣。但是如果通過實際的瀏覽體驗，就能分辨出它們的區別。可以說自適應隻是響應式當中的一個子集，也就是說響應式的開始形態是自適應。要完全區別於它們兩者，首先你要了解，什麽是響應式布局？什麽是自適應布局？

　　什麽是響應式布局？

　　響應式網頁布局設計就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。打個比方來說：現在社會有很多響應產品，例如折疊沙發，折疊床等等，當我們需要把沙發放到一個角落的時候，此刻沙發就好比div吧，而角落裏的某個地方就好比父元素，由於父元素空間的改變，我們不得不調整div,讓它能夠依然放在角落裏。在項目中你會遇到不同的終端，由於終端分辨率不同，所以你要想讓用戶體驗更好，就必要讓你的頁麵能夠兼容多個終端。

　　什麽是自適應布局？

　　自適應網頁布局設計指網頁能夠在不同大小的終端設備上自行適應顯示。簡單來說：就是讓一個網站在不同大小的設備上呈現顯示同一樣的頁麵，讓同一個頁麵適應不同大小屏幕，根據屏幕的大小，自動縮放。   總的來說響應式與自適應的原理是相似的，都是檢測設備，根據不同的設備采用不同的css，而且css都是采用的百分比的，而不是固定的寬度，不同點是響應式網站在不同的設備上看上去是不一樣的，會隨著設備的改變而改變模板樣式、模塊排版、展示樣式。

　　而自適應不會，所有的設備看起來都是一樣的網站，不過是長度或者圖片變小了，不會根據設備采用不同的展示樣式。

　　哪種技術更優越？

　　歸根結底，最重要的是要考慮你用戶屬於哪類群體，不管你采用哪種設計方式，一旦你知道他們的習慣，知道他們更傾向於用什麽設備訪問該網站，你在設計你的網站時該采用哪種方式，哪種布局，想法自然會湧現出來。

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

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