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

　　1.什么是響應式布局

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

　　2.什么是自適應布局

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

　　3.自適應布局和響應式布局的區別

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

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