國內用智能設備上網用戶正在以驚人的速度增長，移動互聯網成為了人們日常生活的豐富延伸，并飛速改變著人們的生活。同時也越來越多的用戶擁有多種移動設備，像智能手機、平板電腦、智能手表等。

[[108467]]

    隨著屏幕越來越多，如何才能在各種屏幕上保持一致的體驗，也就成了整個行業關注的熱點。有沒有一種設計能解決所有屏幕的問題呢？ 在這樣的背景下響應式技術應運而生。

    響應式布局設計是Ethan Marcotte在2010年5月份提出的一個概念，其根據用戶訪問的設備重新排列組合頁面的元素，讓內容達到最適合的展示。下面這張示意圖，可以很好的詮釋響應式的意義。隨著接入設備的變化，大家可以看到元素1、2、3、4、5的位置變化。

[[108468]]

    在這里我們不難感受到響應式技術是如此的神奇，但應用這種技術的網站卻并不多見。在世界范圍內只有如Google、亞馬遜、YouTube量級的公司才對這種技術有所嘗試，主要是由于設計和研發成本較高的緣故。在國內嘗試響應式設計的就更是鳳毛麟角了，如淘寶、優酷一般，也只是對網站首頁進行了嘗試，初步進行了響應式的改造。

    大公司具備資源的優勢，但還有受制于各種客觀條件，并不敢大刀闊斧的進行變革，反而是一些垂直領域的公司敢想敢做，從結果來看也還不錯。愛卡汽車的移動網站，可以算是響應式布局的經典案例。

    愛卡汽車起源于愛卡社區，從根上看屬于比較純正的社交網站，其移動網站也經歷了一些變革從最初的wap網站，發展到初具web App風格的觸屏版，一直做的可圈可點。今年又針對Pad進行部署，通過響應式布局實現Pad版產品的兼容，該公司對于技術領域的關注和視野可見一斑。

[[108469]]

    為何對于愛卡汽車的響應式布局如此推崇，稱其為經典案例，主要有以下幾方面的原因：

    1. 對產品創新的渴求精神：愛卡汽車起源于社區，并包含資訊、產品庫兩大板塊，其實施響應式整站布局的難度遠遠超過那些只針對的首頁適配的網站，對產品創新的決心是愛卡汽車對移動網站整體改版的原動力。

    2. 對垂直網站的深遠意義：隨著門戶網站的熱度逐漸降溫，更加注重細分的垂直領域已經成了市場的主流，社區、資訊、產品庫，這三大體系可以說是垂直網站的標配，愛卡汽車針對這三大體系的響應式設計將影響同類型垂直網站未來的發展方向，對整個垂直網站的影響意義深遠。

    3. 對響應式技術的未來展望：垂直網站離不開最重要的產品庫，如汽車類網站的車型庫就是垂直網站的產品庫，其復雜程度一語難表，無論是從【汽車品牌>汽車廠商>父車系>子車系>車型】的主線邏輯，還是獨立與主線之外的經銷商等模塊體系，猶如盤根錯節的纏繞生長，在愛卡汽車移動端響應式設計的過程中會遇到各種艱難險阻，愛卡汽車的堅持讓也我們看到了響應式布局設計的未來，作為國內***家大型商業網站的響應式布局案例，無論是對推動響應式技術的發展，還是推進整個互聯網行業的創新，都意義深遠。

    總結

    雖然愛卡汽車觸屏版的響應式設計開創了國內移動端的先河，但也并非十全十美，如果用苛刻的眼光從用戶體驗的角度上去錙銖必較，目前看起來還有一些不足，能明顯看出有些是由于技術實施的妥協，像是性能的問題，而另一些呢，就是由經驗不足所導致的了。但總體來說還是不錯的。

    想體驗的同學，可以去a.xcar.com.cn試試，記得要用各種分辨率的設備去試，方能感受到響應式設計的魅力，希望借愛卡汽車的拋磚引玉，能夠引發移動互聯網界對未來發展的思考，讓廣大的用戶可以從中受益，讓科技改變生活。