1、什么是響應式網站設計

概念：伊桑·馬科特在2010年首先提出了響應式網頁設計（RWD,Responsive Web Design）這個術語。 簡而言之是指網頁能自動識別屏幕寬度、并做出相應調整的網頁設計。

原理：主要是css根據屏幕寬度，自動調整網頁div顯示和布局，以適應不同尺寸屏幕優化瀏覽體驗。

價值：隨著越來越多的智能移動設備（mobile, tablet device）加入到互聯網中來，移動互聯網不再是獨立的小網絡，而是成為了 Internet 的重要組成部分。響應式網頁設計（ RWD / AWD）的出現，目的是為移動設備提供更好的體驗，并且整合從PC端到手機的各種屏幕尺寸和分辨率，用技術來使網頁適應不同分辨率的屏幕。

響應式設計可以為電腦、手機、平板等不同終端的用戶提供更加舒適的界面和更好的用戶體驗，而且隨著目前大屏幕移動設備的普及，已成為大勢所趨。

2、為什么響應式網站重要

因為當下屏幕分辨率不同的設備數量正在增加，從電腦、平板到智能手機，響應式設計讓你的網站在任何設備上都有超贊的體驗！48%的移動用戶在流量一個沒有對移動端優化的網站時感到出挫敗和心煩。52%的用戶說，如果一個公司的網站在移動設備上的體驗很糟糕，就不太想和它打交道了。因為用戶、訪客在乎，可見響應式網站設計的重要程度！

3、搭建響應式網站的9個理由

作為一種能夠縮放適應不同大小的屏幕的網頁設計做法，響應式設計(Responsive Design)正日益成為最受推崇的移動網頁優化方式。在谷歌公司于2012年中期指出，響應式設計是優化移動網站的最佳方式之后，這種設計做法的地位得到了進一步鞏固。

隨著iPhone、iPad和Android手機的普及，網站主辦方發現，網站在移動端應當帶來與桌面端類似的體驗。否則，網站在移動設備上看起來就只有細小的文字和鏈接，網頁布局也會一團糟。這就意味著損失流量和銷售額的風險。如果你還對網站是否需要實現響應式設計存在質疑的話，看看下面的網絡調查數據，相信你會更加認可網站實現響應式布局的重要性。

    · 85%的用戶認為企業的移動站點必須做的能夠媲美PC端網頁。

    · 移動設備用戶的數量將在2014年末超過PC端的用戶數量。

    · 72%的用戶會同時使用多種設備。（數據整理自互聯網，為平均值）

    · 48%的用戶稱：如果企業的移動網站做的不夠好，往往會給人不注重用戶的“錯覺”。

    · 73%的互聯網用戶使用手機作為和互聯網互動的主要的或是唯一的設備。

    · 48%的智能機及平板用戶表示很少企業會在移動站點的優化工作上下功夫。

    · 據統計目前有16%的網絡流量都來自于移動端。

    · 67%的網民表示，更喜歡用手機在那些用戶友好度高的電商網站平臺上進行購物。

    · 66%的移動設備用戶反應移動網站的加載速度有待提高，響應式設計的普及迫在眉睫。

4、與搜索引擎優化的關系

在搜索引擎（尤其是百度、谷歌）中排名靠前是每個網站的終極目標，具有響應式設計布局的網站有助于達成這個目標，Google已經表明對響應式設計的青睞。在不同的設備上，網站的 URL 和 HTML 都可以保持一致。這些都能簡化搜索引擎對網站的爬行、收錄和整理，從而改善網站的搜索引擎可見度，有助于搜索引擎的排名，帶來更高的曝光度和客戶流量。毫無疑問，SEO 營銷活動既昂貴又耗時，但響應式網頁開發讓你集中精力維護管理一個兼容所有設備的網站，從而節省大量時間和資金的投入。

5、響應式網站的制作難點

既然響應式設計已成為大勢所趨，為什么國內99.9999%的網站都還不是響應式的？

   1）設計原型多、兼容測試多

    制作前期，需要對用戶調研，確定制作多個尺寸線框原型界面，還需要設計師和前端開發人員保持密切的溝通。

   2）視覺設計要求高、細節多

   移動設備的屏幕像素密度與傳統電腦屏幕不一樣，在設計的時候需要保證內容文字的可讀性、控件可點擊區域的面積等，都將對設計師有高要求。

   3）前端實現難、跨技術合作

   與傳統的web開發相比，響應式設計的頁面由于頁面布局、內容尺寸發生了變化，所以最終的產出更有可能與設計稿出入較大，需要前端開發人員和設計師多溝通。

   4）參與人員多、耗費精力大

   因為響應式設計需要對多個界面兼容、功能調試，導致整個制作過程需要UI設計師和前端工程師不斷磨合制作。

6、如何搭建響應式網站？

   1）自行組建團隊開發

    優點：方便溝通和管理，修改容易

    缺點：響應式設計人才稀缺，團隊建設難，耗費高，周期長

   2）外包給第三方專業團隊

   優點：現成團隊，建設時間較快

   缺點：目前能做好響應式網站的團隊還非常少，要價高，修改升級麻煩

   3）使用自助建設平臺創建

   優點：模板創建，個性化設置，時間快，費用低

   缺點：不能百分百實現自己的功能要求