在網(wǎng)站建設(shè)中，自適應(yīng)和響應(yīng)式網(wǎng)站都是可以自動(dòng)適應(yīng)不同屏幕大小的終端設(shè)施。因此，很多人都會(huì)把自適應(yīng)網(wǎng)站當(dāng)做響應(yīng)式網(wǎng)站，其實(shí)，這兩者是有區(qū)別的。可以說自適應(yīng)只是響應(yīng)式當(dāng)中的一個(gè)子集，也就是說響應(yīng)式的開始形態(tài)是自適應(yīng)。要完全區(qū)別于它們兩者，那么快和沈陽網(wǎng)站建設(shè)的小編一起來了解一下，自適應(yīng)和響應(yīng)式網(wǎng)站的區(qū)別吧。

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

  響應(yīng)式網(wǎng)站頁面布局設(shè)計(jì)就是一個(gè)網(wǎng)站能夠兼容更多個(gè)終端--而不是為每個(gè)終端做一個(gè)特定的版本。由于父元素的空間改變，我們不得不調(diào)整div，讓頁面原有的元素位置不變。在網(wǎng)站建設(shè)項(xiàng)目中，我們會(huì)遇到不同的終端，由于終端分辨率不同，想要保證客戶體驗(yàn)，就必須要讓頁面能夠兼容多個(gè)終端。

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

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

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

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

  要區(qū)分網(wǎng)站是響應(yīng)式還是自適應(yīng)網(wǎng)站，不能單單看它能不能自動(dòng)適應(yīng)不同大小設(shè)備，還要看適應(yīng)以后的展現(xiàn)樣式，多多了解兩個(gè)網(wǎng)站，就會(huì)發(fā)現(xiàn)它們的不同之處。