之間的區(qū)別 通常，客戶會(huì)問響應(yīng)式網(wǎng)站和自適應(yīng)網(wǎng)站之間有什么區(qū)別？我們今天就和你談?wù)劙伞Ｗ屛覀兪紫攘私忭憫?yīng)式布局和自適應(yīng)布局。響應(yīng)式布局：響應(yīng)式布局是Ethan Marcotte在2010年5月提出的概念。簡而言之，網(wǎng)站與多個(gè)終端——兼容，而不是為每個(gè)終端制作特定版本。這個(gè)概念誕生于解決移動(dòng)互聯(lián)網(wǎng)瀏覽問題。響應(yīng)式布局可以為不同終端的用戶提供更舒適的界面和更好的用戶體驗(yàn)，并且隨著大屏幕移動(dòng)設(shè)備的普及，描述趨勢并不夸張。隨著越來越多的設(shè)計(jì)師采用這種技術(shù)，我們不僅

看到很多創(chuàng)新，我也看到了一些塑造模式。響應(yīng)式Web設(shè)計(jì)：響應(yīng)式Web設(shè)計(jì)是指新的Web設(shè)計(jì)方法和技術(shù)，使Web頁面能夠自適應(yīng)地顯示在不同大小的終端設(shè)備上。隨著智能手機(jī)的普及，越來越多的人使用手機(jī)上網(wǎng)。移動(dòng)設(shè)備超越了桌面設(shè)備，成為訪問互聯(lián)網(wǎng)的通用終端。因此，網(wǎng)頁設(shè)計(jì)師必須面對(duì)兩難：他們?nèi)绾卧诓煌叽绲脑O(shè)備上呈現(xiàn)相同的網(wǎng)頁？手機(jī)的屏幕相對(duì)較小，寬度通常低于600像素; PC的屏幕寬度一般在1000像素以上（目前主流寬度為1366×768），有些仍然達(dá)到2000像素。在不同尺寸的屏幕上呈現(xiàn)相同的內(nèi)容

令人滿意的結(jié)果并非易事。很多網(wǎng)站的解決方案是為不同的設(shè)備提供不同的網(wǎng)頁，例如移動(dòng)版或iPhone/iPad版。這確保了效果，但是很麻煩，并且維護(hù)了幾個(gè)版本，并且如果網(wǎng)站具有多個(gè)門戶，則將極大地增加架構(gòu)設(shè)計(jì)的復(fù)雜性。因此，人們長期以來一直想象它可以“設(shè)計(jì)一次，普遍適用”，以便相同的網(wǎng)頁自動(dòng)適應(yīng)不同尺寸的屏幕，并根據(jù)屏幕的寬度自動(dòng)調(diào)整布局。當(dāng)制作網(wǎng)站時(shí)，“什么樣的網(wǎng)站 /項(xiàng)目適合自適應(yīng)布局（固定斷點(diǎn)）？什么樣的網(wǎng)站適合響應(yīng)布局？理論上，響應(yīng)式網(wǎng)站建設(shè)在任何情況下都優(yōu)于自適應(yīng)布局。但是，在某些情況下自適應(yīng)布局更實(shí)用。自適應(yīng)布局可以使您的設(shè)計(jì)更具可控性，因?yàn)槟恍枰紤]幾種狀態(tài)，但您可能需要在響應(yīng)布局中面對(duì)它。對(duì)于很多狀態(tài)——，大多數(shù)狀態(tài)之間的差異很小，但它們真的是不同的——。很難確切地知道你的設(shè)計(jì)會(huì)是什么樣子。它也帶來了測試。在拼圖上，很難絕對(duì)掌握它的設(shè)計(jì)。從另一個(gè)角度看，這是響應(yīng)式布局的魅力。通過允許表面不確定性存在，您可以獲得更高水平的決心。雖然您無法準(zhǔn)確預(yù)測您的設(shè)計(jì)如何在943px×684px視覺區(qū)域中顯示像素級(jí)別，你可以肯定它們是一個(gè)。那么——無論結(jié)構(gòu)的表面特征還是布局都可以有序地顯示自適應(yīng)布局有其自身的優(yōu)勢，因?yàn)樗鼈儗?shí)現(xiàn)成本較低，更容易測試，這往往使它們成為更現(xiàn)實(shí)的解決方案。 自適應(yīng)網(wǎng)站建設(shè)可以被視為響應(yīng)式布局中的“可憐的兄弟”，它可以在資源有限的情況下使用。特別是，在改進(jìn)現(xiàn)有的網(wǎng)站時(shí)尤其有效，因?yàn)榇藭r(shí)所有的重寫代碼都不可行。在這種情況下，使用自適應(yīng)布局是一個(gè)很好的起點(diǎn)。事實(shí)上，無論哪種設(shè)計(jì)理念不同，仍然有一些優(yōu)點(diǎn)和缺點(diǎn)，或者有必要從個(gè)體現(xiàn)實(shí)中找出選擇！