響應(yīng)式網(wǎng)站隨著被Google搜索引擎的大力推薦早已成為很多客戶的外貿(mào)網(wǎng)站建設(shè)選擇，很多建站公司也因此極盡所能地向客戶推銷這一產(chǎn)品，很多客戶即使在簽了網(wǎng)站制作合同之后也對這一概念不甚了解，今天河南云狐就來和大家說說響應(yīng)式網(wǎng)站，讓什么是響應(yīng)式網(wǎng)站不再是疑問。

　　響應(yīng)式網(wǎng)站

　　一，響應(yīng)式網(wǎng)站的起源

　　2010年5月，伊桑.馬科特（Ethan Marcotte）在“A List Apart”寫了一篇開創(chuàng)性的文章（題為“Responsive Web Design” ），他利用三種已有的工具：流動布局（Fluid grids）、媒介查詢（Media queries）和彈性圖片（Scalable images）創(chuàng)建了一個在不同分辨率屏幕下都能漂亮地顯示的網(wǎng)站。

　　Ethan Marcotte力勸設(shè)計師們要去利用那些Web特性去進(jìn)行設(shè)計： “我們可以將不同聯(lián)網(wǎng)設(shè)備上眾多的體驗，當(dāng)作是同一網(wǎng)站體驗的不同側(cè)面來對待，而不要為每種設(shè)備進(jìn)行單獨剪裁而使得設(shè)計彼此斷開，這才是我們前進(jìn)的方向。

　　這也是響應(yīng)式網(wǎng)站這個概念初提出及實施，伴隨這互聯(lián)網(wǎng)的快速發(fā)展，也越發(fā)的成熟完善，終成為一個新的網(wǎng)站功能形式。

　　二，響應(yīng)式網(wǎng)站是怎么“響應(yīng)的”

　　說完響應(yīng)式網(wǎng)站的起源，那我們接著了解下響應(yīng)式網(wǎng)站是怎樣發(fā)揮“響應(yīng)”的。

　　首先得了解下，響應(yīng)式網(wǎng)站是順應(yīng)移動互聯(lián)網(wǎng)發(fā)展而推出的移動過渡概念，什么意思呢，早在PC時代，人們已經(jīng)意識到移動互聯(lián)網(wǎng)時代的到來，但那時大家的網(wǎng)站都是面對PC端的，網(wǎng)站從PC到移動轉(zhuǎn)變需要一個時間過程，而響應(yīng)式設(shè)計正好順應(yīng)了這一時間過程的網(wǎng)站解決方案。

　　響應(yīng)式網(wǎng)站設(shè)計(Responsive Web design)的理念是：網(wǎng)站頁面的設(shè)計與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。

　　具體的實踐方式有多方面組成，包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應(yīng)該能夠自動切換分辨率、圖片尺寸及相關(guān)腳本功能等，以適應(yīng)不同設(shè)備。

　　換句話說，頁面應(yīng)該有能力去自動響應(yīng)用戶的設(shè)備環(huán)境。響應(yīng)式網(wǎng)頁設(shè)計就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。這樣，我們就可以不必為不斷到來的新設(shè)備做專門的版本設(shè)計和開發(fā)了，從而節(jié)省各方面的資源投入。

　　三，響應(yīng)式網(wǎng)站的好處

　　1，響應(yīng)式網(wǎng)站具有非常高的兼容性。傳統(tǒng)PC網(wǎng)站不兼容其他移動端設(shè)備，PC端轉(zhuǎn)換至移動端設(shè)備容易造成網(wǎng)頁內(nèi)容缺失，轉(zhuǎn)換速度慢。而響應(yīng)式網(wǎng)站不僅能適應(yīng)各種屏幕尺寸的手機設(shè)備，也兼容各種廠商不同標(biāo)準(zhǔn)Pad設(shè)備。

　　2，響應(yīng)式網(wǎng)站優(yōu)化更合適。如果沒有響應(yīng)式網(wǎng)站，我們不得不為傳統(tǒng)PC網(wǎng)站和移動端網(wǎng)站分別進(jìn)行優(yōu)化操作，這樣既增加了工作量也不利于網(wǎng)站形象的統(tǒng)一，而響應(yīng)式網(wǎng)站無論PC端還是移動端都是同一個網(wǎng)址，更便于搜索引擎的優(yōu)化措施，同時網(wǎng)站根據(jù)設(shè)備的不同做適當(dāng)?shù)牟季终{(diào)整讓訪客擁有好的用戶體驗，避免了同一公司兩種瀏覽感受。

　　3，響應(yīng)式網(wǎng)站降低網(wǎng)站維護(hù)時間。響應(yīng)式網(wǎng)站能做到一條數(shù)據(jù)的后臺輸入，PC，平板，手機的同時更新，這樣就大大減低了網(wǎng)站維護(hù)人員的時間成本，同時也方便維護(hù)人員對網(wǎng)站數(shù)據(jù)統(tǒng)一分析。

　　4，響應(yīng)式網(wǎng)站節(jié)約客戶建站成本。為了盡大可能讓更多消費者（瀏覽者）能知道我們的產(chǎn)品，我們需要對所有潛在的設(shè)備端都做一個完整，PC端網(wǎng)站要做，平板端網(wǎng)站要做，手機端網(wǎng)站也有做，這將是一筆不小的成本支出，而響應(yīng)式網(wǎng)站能達(dá)到一個網(wǎng)站多終端使用，相當(dāng)于花一份錢做三個網(wǎng)站，所以能節(jié)約客戶很大一部分成本支出，相當(dāng)合算。