也就常常有顧客會問響應(yīng)式布局和自適應(yīng)布局會有什么樣的區(qū)別?今日就跟大伙兒聊一聊，首先大家先了解一下什么叫響應(yīng)式布局和自適應(yīng)布局。
響應(yīng)式布局：
　　響應(yīng)式布局是EthanMarcotte在2012年5月份明確提出的一個定義，簡單點來說，便是一個網(wǎng)站可以適配好幾個終端設(shè)備——而不是為每一個終端設(shè)備做一個特殊的版本。這一定義是為處理移動互聯(lián)訪問而問世的。
　　響應(yīng)式布局能夠 為不一樣終端設(shè)備的客戶出示更為舒服的頁面和更強的客戶體驗，并且伴隨著現(xiàn)階段顯示屏移動終端的普及化，用必然趨勢來描述也不算過。伴隨著愈來愈多的設(shè)計師選用這一技術(shù)，大家不但見到許多 的自主創(chuàng)新，還看到了一些成型的方式。
　　自適應(yīng)網(wǎng)頁制作(ResponsiveWebDesign)指能使網(wǎng)頁頁面自適應(yīng)顯示信息在不一樣尺寸智能終端上架網(wǎng)頁制作方法及技術(shù)。
　　伴隨著移動的普及化，愈來愈多的人應(yīng)用移動上網(wǎng)。

　　移動終端正超過pc端機器設(shè)備，變成瀏覽互聯(lián)網(wǎng)技術(shù)的最普遍終端設(shè)備。因此，網(wǎng)站設(shè)計師迫不得已面對一個難點：怎樣才可以在不一樣尺寸的機器設(shè)備上展現(xiàn)一樣的網(wǎng)頁頁面。
手機上的顯示屏較為小，寬度一般 在600像素以下;PC的顯示屏寬度，一般都會1000像素之上(現(xiàn)階段流行寬度是1366×768)，有的還做到了2000像素。一樣的內(nèi)容，要在尺寸迥然不同的顯示屏上，都展現(xiàn)出令人滿意的實際效果，并非是一件非常容易的事。
　　許多 網(wǎng)址的解決方案，是為不一樣的機器設(shè)備出示不一樣的網(wǎng)頁頁面，例如專業(yè)出示一個mobile版本，或是iPhone/iPad版本。那樣做雖然確保了實際效果，可是較為不便，另外要維護保養(yǎng)很多版本，并且假如一個網(wǎng)站有好幾個portal(通道)，會大大增加架構(gòu)模式的復(fù)雜性。
　　因此，很早就有許多人構(gòu)想，能否"一次設(shè)計方案，廣泛可用"，讓同一張網(wǎng)頁頁面全自動融入不一樣尺寸的顯示屏，依據(jù)顯示屏寬度，自動調(diào)整布局(layout)。
　　那制作網(wǎng)頁的時候“什么樣的網(wǎng)址/新項目合適應(yīng)用自適應(yīng)布局(固定斷點)?什么樣的網(wǎng)址合適響應(yīng)式布局?(流體網(wǎng)格)”
　　理論上而言，響應(yīng)式布局在一切狀況下都比自適應(yīng)布局好一些，但在一些狀況下自適應(yīng)布局更切實際。
　　自適應(yīng)布局能夠 會使你的設(shè)計方案更為可調(diào)，由于你只必須考慮了幾類情況就足夠了了。但在響應(yīng)式布局中你將會必須面對十分多情況——是的，絕大多數(shù)情況之間的區(qū)別不大，但他們又確實是不一樣的——這樣一來就沒辦法準確弄清你的設(shè)計方案會是什么樣。另外這也產(chǎn)生了檢測上的難點，你沒辦法有肯定的掌握預(yù)測分析到它會如何。換一個視角說，這也是響應(yīng)式布局的魅力所屬。根據(jù)容許表面上的不確定因素存在，你能得到更高層次上的確定。盡管你沒法在精準到像素級別合理推測你的設(shè)計方案怎樣在943px×684px視覺效果空間匯中展現(xiàn)，但你可以確定的是他們一定能展現(xiàn)的非常好——無論是表層特點還是布局構(gòu)造都井然有序。
　　自適應(yīng)布局有它自身的優(yōu)點，由于他們執(zhí)行起來成本更低，檢測更非常容易，這通常讓他們變成更切實際的解決方法。自適應(yīng)布局能夠 看作響應(yīng)式布局的“窮弟兄”，在資源比較有限的狀況下就可以讓它出馬。特別是改善目前網(wǎng)址的時候尤其要見效，由于全部重寫編碼在這時候并不行得通。這類實例中，選用自適應(yīng)布局是一個非常好的立足點。
　　實際上不論是哪樣設(shè)計構(gòu)思全是都有優(yōu)點缺點的，還是要從個人具體去求考慮去挑選!北京網(wǎng)站建設(shè)的需求也是一樣的，需要我們在選擇網(wǎng)站制作的類型時，結(jié)合自己的需求。