如果你是一個資深的網(wǎng)頁設(shè)計師當(dāng)看到我這個題目一定會在心理暗暗的諷刺下這人一定是不懂設(shè)計的，竟然還會問出這樣的問題！其實小編自然也知道兩者其實是一個概念來的，可是當(dāng)很多人知道其一有的卻不知道自適應(yīng)網(wǎng)頁設(shè)計，其實很多人會去看其相關(guān)的含義，發(fā)現(xiàn)他的含義幾乎是相同的，其實就是源于翻譯的問題，這個概念是由Ethan Marcotte曾經(jīng)在A List Apart發(fā)表過一篇文章"Responsive Web Design"，文中援引了響應(yīng)式建筑設(shè)計的概念。而很多作品中也直譯為自適應(yīng)網(wǎng)頁設(shè)計。

    隨著3G的普及，越來越多的人使用手機上網(wǎng)。移動設(shè)備正超過桌面設(shè)備，成為訪問互聯(lián)網(wǎng)的最常見終端。于是，網(wǎng)頁設(shè)計師不得不面對一個難題：如何才能在不同大小的設(shè)備上呈現(xiàn)同樣的網(wǎng)頁？自適應(yīng)不同分辨率的網(wǎng)頁設(shè)計應(yīng)運而生；下面是騰訊做的一項實例分析，首先呢來看一張圖：

    這是2個半月騰訊游戲官網(wǎng)的分辨率數(shù)據(jù)，可以看出來PC端里1024*768占20%、1920*1080占14%。而這2個分辨率的顯示寬度相差了接近一倍。

    而現(xiàn)在設(shè)計師的設(shè)計稿普遍輸出尺寸都是1920，所以設(shè)計師經(jīng)常也會擔(dān)心：小分辨率下能看到嗎？或者需要為手機端單獨做一版嗎？所以我們需要用一些技巧來讓大多數(shù)用戶能看到的頁面效果是一樣的。這個概念就誕生了。