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

　　響應式網站

　　一，響應式網站的起源

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

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

　　這也是響應式網站這個概念初提出及實施，伴隨這互聯網的快速發展，也越發的成熟完善，終成為一個新的網站功能形式。

　　二，響應式網站是怎么“響應的”

　　說完響應式網站的起源，那我們接著了解下響應式網站是怎樣發揮“響應”的。

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

　　響應式網站設計(Responsive Web design)的理念是：網站頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。

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

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

　　三，響應式網站的好處

　　1，響應式網站具有非常高的兼容性。傳統PC網站不兼容其他移動端設備，PC端轉換至移動端設備容易造成網頁內容缺失，轉換速度慢。而響應式網站不僅能適應各種屏幕尺寸的手機設備，也兼容各種廠商不同標準Pad設備。

　　2，響應式網站優化更合適。如果沒有響應式網站，我們不得不為傳統PC網站和移動端網站分別進行優化操作，這樣既增加了工作量也不利于網站形象的統一，而響應式網站無論PC端還是移動端都是同一個網址，更便于搜索引擎的優化措施，同時網站根據設備的不同做適當的布局調整讓訪客擁有好的用戶體驗，避免了同一公司兩種瀏覽感受。

　　3，響應式網站降低網站維護時間。響應式網站能做到一條數據的后臺輸入，PC，平板，手機的同時更新，這樣就大大減低了網站維護人員的時間成本，同時也方便維護人員對網站數據統一分析。

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