自適應(yīng)網(wǎng)頁和響應(yīng)式網(wǎng)頁是同一個概念嗎？若不是，有什么不同？

時間：2024-02-12 12:00:01 | 來源：網(wǎng)站運營

時間：2024-02-12 12:00:01 來源：網(wǎng)站運營

自適應(yīng)網(wǎng)頁和響應(yīng)式網(wǎng)頁是同一個概念嗎？若不是，有什么不同？：響應(yīng)式網(wǎng)頁設(shè)計是Responsible web design這個外來詞的翻譯。這個詞對于不懂網(wǎng)頁設(shè)計的外行來說，不夠直觀，所以很多人自己口里念出一個直觀的叫法，就叫“自適應(yīng)網(wǎng)頁”

在大部分非專業(yè)人員口中，這兩者就是一個概念。

作為一個程序員，我們當(dāng)然可以再套上一大堆專業(yè)術(shù)語，說什么響應(yīng)式是靠媒體查詢實現(xiàn)的，自適應(yīng)是某些百分比布局實現(xiàn)的等等。但是你開發(fā)一個PC+手機+pad全端的網(wǎng)站，要實現(xiàn)全端適應(yīng)，能只用媒體查詢不用百分比布局嗎？或者能僅靠百分比而不用媒體查詢？顯然這是不現(xiàn)實也不專業(yè)的。真正落地的項目，都是靠多種手段并用的，更何況這些都是CSS的基礎(chǔ)手段，根本用不著分開。

能問出自適應(yīng)和響應(yīng)式是否同個概念的人，本身肯定也不是技術(shù)人員，那我覺得完全沒必要去灌輸技術(shù)詞匯，按實現(xiàn)目標(biāo)來講，對他們來說自適應(yīng)和相應(yīng)式就是同一個東西。

我的主業(yè)就是給不同行業(yè)的客戶開發(fā)網(wǎng)站。在建站之前，都是要和客戶溝通的，那么多客戶接觸下來，大部分人都是提出“自適應(yīng)”這種接地氣的需求，只有少部分人能用上“響應(yīng)式”這種詞匯，而其實大家的訴求都是一樣的，無非都是希望做出來的網(wǎng)站能在多端瀏覽，很樸素的要求。我們實現(xiàn)起來，也不都是用CSS么？干就完事了！

不過有時候為了避免誤會，我們還是要澄清一件事，我們用響應(yīng)式布局，實現(xiàn)的是一個頁面多端瀏覽。但某些企業(yè)因為業(yè)務(wù)要求，也會把移動端和PC端的網(wǎng)站完全分開，瀏覽器根據(jù)設(shè)備不同來判斷是跳轉(zhuǎn)到PC站還是移動站。這種做法，籠統(tǒng)的說也叫做“自適應(yīng)”，自適應(yīng)適合的設(shè)備選擇一個跳轉(zhuǎn)站嘛，也說的通。 所以自適應(yīng)這個叫法真因為其接地氣的屬性，就被用得比較廣義。自適應(yīng)這個廣義，就把響應(yīng)式給包含進去了，響應(yīng)式成了自適應(yīng)的一個子集。

另外還有一種理解方式，我們把 自適應(yīng) 稱作目標(biāo)，把 響應(yīng)式 稱作方法。實現(xiàn)自適應(yīng)這個目標(biāo)的方法有多種，響應(yīng)式是其中的一種。

其實在我的客戶群里，極少有PC站移動站分開做的，因為我們的前端足夠強，客戶也不是BAT那種體量，綜合評估都是只要一個響應(yīng)式站，就能滿足了。

放一個我的網(wǎng)站，隨便你叫它響應(yīng)式還是自適應(yīng)都可以：

JennyStudio - 杭州WordPress網(wǎng)站建設(shè) 海量WordPress案例 H5定制開發(fā)