? ? ? 很多人對于響應式網(wǎng)站的定義是：能夠適應不同屏幕大小終端設備的網(wǎng)站稱之為響應式網(wǎng)站。所以很多人都會把自適應網(wǎng)站當做響應式網(wǎng)站，但是其實響應式網(wǎng)站和自適應網(wǎng)站是有區(qū)別的，它們兩者從形式上看，都是可以實現(xiàn)自動適應不同屏幕大小的終端設備，但是這兩者是有根本的區(qū)別的。

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

什么是響應式布局？

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

什么是自適應布局？

? ? ? 自適應網(wǎng)頁布局設計指網(wǎng)頁能夠在不同大小的終端設備上自行適應顯示。簡單來說：就是讓一個網(wǎng)站在不同大小的設備上呈現(xiàn)顯示同一樣的頁面，讓同一個頁面適應不同大小屏幕，根據(jù)屏幕的大小，自動縮放。

? ? ? 總的來說響應式與自適應的原理是相似的，都是檢測設備，根據(jù)不同的設備采用不同的css，而且css都是采用的百分比的，而不是固定的寬度，不同點是響應式網(wǎng)站在不同的設備上看上去是不一樣的，會隨著設備的改變而改變模板樣式、模塊排版、展示樣式。

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

? ? ? ?可能說的那么多，大家會覺得響應式網(wǎng)站做起來肯定很難，但是其實不然，不管懂不懂技術，懂不懂代碼都可以利用建站寶盒響應式建站系統(tǒng)來建設響應式網(wǎng)站。響應式網(wǎng)站不單止變得易于優(yōu)化，更多的是提高了用戶的一個瀏覽體驗度。

結論：

? ? ? ?所以說看一個網(wǎng)站是不是響應式網(wǎng)站，不能單單看它能不能自動適應不同大小設備，還要看適應以后的展現(xiàn)樣式，更為重要的是你自己要多了解，不然就很容易混淆。希望本文能幫到你分清響應式網(wǎng)站和自適應網(wǎng)站的不同之處。

最后還分享下網(wǎng)頁布局的幾種類型→

網(wǎng)站布局的五種方式

靜態(tài)布局（static layout）

流式布局（Liquid Layout）

自適應布局（Adaptive Layout）

響應式布局（Responsive Layout）

彈性布局（rem/em布局）

稍微總結下

1.如果只做pc端，那么靜態(tài)布局（定寬度）是最好的選擇；

2.如果做移動端，且設計對高度和元素間距要求不高，那么彈性布局（rem+js）是最好的選擇，一份css+一份js調節(jié)font-size搞定；

3.如果pc，移動要兼容，而且要求很高那么響應式布局還是最好的選擇，前提是設計根據(jù)不同的高寬做不同的設計，響應式根據(jù)媒體查詢做不同的布局。