響應(yīng)式網(wǎng)站的建設(shè)是根據(jù)用戶的行為和設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。具體的實(shí)踐方法由多方面組成，包括彈性網(wǎng)格和布局、圖片、CSSmediaquery的使用等。無論用戶使用筆記本還是iPad，我們的頁面都應(yīng)該能夠自動切換分辨率、圖片尺寸和相關(guān)腳本功能，以適應(yīng)不同的設(shè)備；換句話說，頁面應(yīng)該有能力自動響應(yīng)用戶的設(shè)備環(huán)境。響應(yīng)式網(wǎng)頁設(shè)計是一個網(wǎng)站可以兼容多個終端，而不是每個終端的特定版本。
自適應(yīng)網(wǎng)站建設(shè)是指能夠使網(wǎng)頁自適應(yīng)地顯示在不同尺寸的終端設(shè)備上的新網(wǎng)頁設(shè)計方法和技術(shù)。每個人都可以理解為不同尺寸的設(shè)備上呈現(xiàn)相同的頁面，讓相同的頁面適應(yīng)不同尺寸的屏幕，并根據(jù)屏幕尺寸自動調(diào)整布局。
響應(yīng)式網(wǎng)站建設(shè)和自適應(yīng)網(wǎng)站建設(shè)的區(qū)別:理論上，響應(yīng)性布局在任何情況下都優(yōu)于自適應(yīng)布局，但在某些情況下，自適應(yīng)布局更現(xiàn)實(shí)。自適應(yīng)布局能使你的設(shè)計更具控制性，因?yàn)槟阒恍杩紤]幾種狀態(tài)就能使一切順利。但是在響應(yīng)性布局中，你可能需要面對很多狀態(tài)——是的，大多數(shù)狀態(tài)之間的差別很小，但是它們確實(shí)是不同的——這樣就很難準(zhǔn)確地理解你的設(shè)計會是什么樣子。與此同時，這也帶來了測試中的難題，你很難有絕對的把握來預(yù)測它發(fā)生什么。從另一個角度來看，這也是響應(yīng)性布局的魅力所在。通過允許表面上的不確定性存在，你可以得到更高層次的確定。
盡管您不能準(zhǔn)確地預(yù)測您的設(shè)計是如何在943px×684px視覺區(qū)域匯中顯示出來的，但是您可以確定的是，它們肯定會顯示得很好——無論是表面特征還是布局結(jié)構(gòu)都很有序。自適應(yīng)布局有其自身的優(yōu)點(diǎn)，因?yàn)樗鼈兊膶?shí)施成本更低，測試更容易，這常常使它們成為更現(xiàn)實(shí)的解決方案。自適應(yīng)布局可視為響應(yīng)性布局的窮兄弟，在資源有限的情況下可使其出馬。尤其在改進(jìn)現(xiàn)有網(wǎng)站時特別有效，因?yàn)榇藭r所有重寫代碼都不可行。
