經常有客戶會問呼應式布局和自適應布局會有什么樣的差異？首要咱們先了解一下什么是呼應式布局和自適應布局。
呼應式布局：
呼應式布局是Ethan Marcotte在2010年5月份提出的一個概念，簡而言之，便是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版別。這個概念是為處理移動互聯網閱讀而誕生的。
呼應式布局可認為不同終端的用戶提供愈加舒適的界面和更好的用戶體會，并且跟著現在大屏幕移動設備的遍及，用大勢所趨來描述也不為過。跟著越來越多的規劃師選用這個技能，咱們不只看到很多的創新，還看到了一些成形的模式。
自適應布局：
自適應網頁規劃（Responsive Web Design）指能使網頁自適應顯示在不同巨細終端設備上新網頁規劃方式及技能。
跟著4G的遍及，越來越多的人使用手機上網。
移動設備正超越桌面設備，成為拜訪互聯網的最常見終端。于是，網頁規劃師不得不面臨一個難題：如何才能在不同巨細的設備上呈現相同的網頁？
手機的屏幕比較小，寬度通常在600像素以下；PC的屏幕寬度，一般都在1000像素以上（現在主流寬度是1366×768），有的還達到了2000像素。相同的內容，要在巨細迥異的屏幕上，都呈現出滿足的效果，并不是一件簡單的事。
很多網站的處理方法，是為不同的設備提供不同的網頁，比方專門提供一個mobile版別，或者iPhone / iPad版別。這樣做固然確保了效果，但是比較麻煩，一起要保護好幾個版別，并且假如一個網站有多個portal（入口），會大大添加架構規劃的復雜度。
于是，很早就有人設想，能不能"一次規劃，普遍適用"，讓同一張網頁自動適應不同巨細的屏幕，根據屏幕寬度，自動調整布局（layout）。
那制造網站的時分“什么樣的網站/項目合適使用自適應布局（固定斷點）？什么樣的網站合適呼應式布局？（流體網格）”
理論上來說，呼應式布局在任何情況下都比自適應布局好一些，但在某些情況下自適應布局更切實際。
自適應布局能夠讓你的規劃愈加可控，因為你只需要考慮了了幾種狀況就萬事大吉了。但在呼應式布局中你可能需要面臨十分多狀況——是的，大部分狀況之間的差異很小，但它們又的確是不同的——這樣一來就很難切當搞清你的規劃會是什么樣。一起這也帶來了測驗上的難題，你很難有肯定的掌握預測到它會怎樣。換個角度說，這也是呼應式布局的魅力地點。通過答應表面上的不確認要素存在，你能夠獲得更高層次上的確認。雖然你無法在精確到像素等級準確預知你的規劃如何在943px×684px視覺區域匯中展示，但你能確認的是它們一定能展示的很好——不管是表層特征仍是布局結構都有條有理。
自適應布局有它自己的優勢，因為它們實施起來代價更低，測驗更簡單，這往往讓他們成為更切實際的處理方案。自適應布局能夠看做呼應式布局的“窮兄弟”，在資源有限的情況下就能夠讓它出馬。特別是改善現有網站的時分特別奏效，因為全部重寫代碼在這時并不可行。這種案例中，選用自適應布局是一個不錯的出發點。
其實無論是哪種規劃理念都是各有優缺的，仍是要從個人實際需求出發去挑選！