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

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

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

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

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

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

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

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