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

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

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