感謝大家對(duì)第一篇背景介紹一文的支持，今天將對(duì)響應(yīng)式Web設(shè)計(jì)的概念進(jìn)行一個(gè)大概的介紹，當(dāng)然這一篇也不是什么干貨，只是作為一個(gè)主題來(lái)說(shuō)，概念的介紹必不可少，下一篇就應(yīng)該有點(diǎn)干貨了。從背景介紹一文中，我們可以得到這樣一個(gè)結(jié)論：互聯(lián)網(wǎng)正在快速迅猛地向移動(dòng)終端發(fā)展，這樣對(duì)于網(wǎng)頁(yè)就有了一個(gè)Anywhere的需求。

其實(shí)網(wǎng)頁(yè) 的Anywhere就是響應(yīng)式Web設(shè)計(jì)，說(shuō)的再白一點(diǎn)，就是為了省時(shí)省力省錢，一次開發(fā)出來(lái)的網(wǎng)頁(yè)，用一個(gè)URL，可以在不同終端設(shè)備上有不同的呈現(xiàn)方 式。下面四張圖就是一張網(wǎng)站所作的響應(yīng)式設(shè)計(jì)。

OK！概念就是這樣的，本人一直以屌絲自居，所以這個(gè)定義也多少帶著點(diǎn)屌絲的意味，娛樂(lè)一下。。。呀，有點(diǎn)冷，不鬧了，下面我們看看這種多種終端設(shè)備要求網(wǎng)頁(yè)不同呈現(xiàn)方式的需求下，都做過(guò)哪些嘗試呢？

網(wǎng)頁(yè)代碼的單純轉(zhuǎn)換：為了讓用戶在手機(jī)這種移動(dòng)設(shè)備上一樣可以訪問(wèn)我們PC端網(wǎng)頁(yè)，我們最初的響應(yīng)式Web設(shè)計(jì)的嘗試就是開發(fā)同學(xué)單純的把PC端網(wǎng)頁(yè)的源代碼直接轉(zhuǎn)換成WAP對(duì)應(yīng)的代碼。

使用一些建站工具快速地搭建移動(dòng)WAP網(wǎng)站。

針對(duì)不同的終端設(shè)備開發(fā)不同的版本，最常見的就是PC版本 + 移動(dòng)版本，事實(shí)上我現(xiàn)在的工作很大程度上還是停留在這個(gè)層次上，在給一家著名的電商網(wǎng)站定制開發(fā)其對(duì)應(yīng)的移動(dòng)版本。其實(shí)這種定制化開發(fā)從開發(fā)、設(shè)計(jì)、更 新、維護(hù)各個(gè)過(guò)程來(lái)說(shuō)，工作量還是挺大的，但是誰(shuí)讓咱目前的工作就干這個(gè)呢，只要老板給錢，就得好好干。

通過(guò)PhoneGap框架將Web進(jìn)行App化，但是APP化工作量巨大、用戶必須下載安裝、推廣渠道復(fù)雜繁瑣、SEO和他幾乎絕緣。

因?yàn)槲椰F(xiàn)在主要是從事移動(dòng)終端設(shè)備的Web開發(fā)工作，事實(shí)上在我日常工作中設(shè)計(jì)到響應(yīng)式Web設(shè)計(jì)主要是在各種移動(dòng)終端中的響應(yīng)式設(shè)計(jì)。所以 我個(gè)人對(duì)于響應(yīng)式Web設(shè)計(jì)的理念是：根據(jù)用戶行為以及設(shè)備環(huán)境（系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向、屏幕分辨率等）對(duì)頁(yè)面內(nèi)容和布局進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。 具體的實(shí)現(xiàn)方式有彈性網(wǎng)絡(luò)、布局、圖片、CSS3、JS、HTML5等的使用。這樣無(wú)論用戶用android設(shè)備還是ios設(shè)備，無(wú)論用戶用手機(jī)還是 pad平板，我們都能夠自動(dòng)調(diào)整頁(yè)面來(lái)適用用戶不同的設(shè)備。

從背景介紹一文中，不難看出，現(xiàn)在移動(dòng)互聯(lián)網(wǎng)發(fā)展的浪潮越來(lái)越猛，所以個(gè)人建議，在做響應(yīng)式Web設(shè)計(jì)的時(shí)候采用逐步增強(qiáng)的模式進(jìn)行開發(fā)，先讓 你的移動(dòng)網(wǎng)站支持手機(jī)豎屏→支持用戶橫屏行為→支持各種屏幕大小的手機(jī)→支持不同系統(tǒng)版本的手機(jī)（主要是android設(shè)備和ios設(shè)備）→支持pad平 板→……同時(shí)針對(duì)移動(dòng)網(wǎng)站設(shè)計(jì)和開發(fā)的一些規(guī)則和建議的總結(jié)，在我另外一篇文章《初探移動(dòng)網(wǎng)站的架構(gòu)和設(shè)計(jì)》中做了介紹，這里不再贅述。

響應(yīng)式Web設(shè)計(jì)的概念就介紹到這里吧，最后總結(jié)一句：響應(yīng)式Web設(shè)計(jì)并不是單純地根據(jù)用戶行為和設(shè)備環(huán)境進(jìn)行簡(jiǎn)單的網(wǎng)頁(yè)內(nèi)容的調(diào)整和呈現(xiàn) 方式的不同，它其實(shí)是一種全新的Web設(shè)計(jì)方式，而這種全新的設(shè)計(jì)方式的最終用途究竟是什么呢？其實(shí)就是一個(gè)字：爽，讓用戶用的爽才是王道！

更多信息請(qǐng)查看IT技術(shù)專欄