同學(xué)你好!最簡單的網(wǎng)頁甚至不需要使用代碼，但也無法實現(xiàn)任何功能?，F(xiàn)在的商業(yè)網(wǎng)站在前端開發(fā)上已經(jīng)是很大的工程，而且還要充分考慮用戶終端的顯示效果，并且在設(shè)計的時候采用合適的布局。接下來會詳細說明一下自適應(yīng)布局和響應(yīng)式布局的區(qū)別，這也是在學(xué)習(xí)網(wǎng)頁實際時必須要掌握的內(nèi)容。

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

　　用戶上網(wǎng)的設(shè)備五花八門，有的人用手機，有的人用平板，有的人用電腦，而且光是電腦的顯示器就有各種各樣的尺寸。而在設(shè)計網(wǎng)頁的時候，就要考慮到這些情況，并且做到讓網(wǎng)頁在不同的設(shè)備上都顯示出最好的效果。響應(yīng)式布局可以讓網(wǎng)頁的尺寸和版面實現(xiàn)自動調(diào)整，它可以獲得當(dāng)前用戶設(shè)備的屏幕分辨率，并自動調(diào)整布局。

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

　　自適應(yīng)布局也是為了實現(xiàn)同樣的目的，但方法卻比較簡單粗暴，就是針對不同的設(shè)備與屏幕開發(fā)出對應(yīng)的網(wǎng)頁。這樣當(dāng)用戶訪問網(wǎng)站的時候，就會先根據(jù)接口所獲得的分辨率尺寸，來提供相應(yīng)的版本，這樣用戶所看到的網(wǎng)頁也是能適應(yīng)屏幕的。

　　3.自適應(yīng)布局和響應(yīng)式布局的區(qū)別

　　從以上的介紹就能看的出來，這兩種布局方式的目的是一致的，甚至所呈現(xiàn)出來的效果也可以是一致的，但在效率上卻有很大區(qū)別。自適應(yīng)布局需要開發(fā)和維護多個版本，而且更容易出現(xiàn)屏幕擁擠的問題。而響應(yīng)式布局在功能上更為強大，它只需要開發(fā)一個版本，就能適配不同的設(shè)備與分辨率。不過它在開發(fā)過程中也容易出現(xiàn)代碼累贅的問題，并且會用戶的加載時間也有可能更長。

　　以上介紹的就是關(guān)于自適應(yīng)布局和響應(yīng)式布局的區(qū)別，所以兩者之間并沒有絕對的優(yōu)劣，很多企業(yè)會出于效率的考慮采用響應(yīng)式布局，但作為程序員應(yīng)該對兩者都有清晰的了解。