所謂的響應式網站設計（自適應網站設計），用簡單的語言，是一個網站代碼，通過一個URL，一個網站代碼，通過CSS3媒體查詢，可以在各種瀏覽器設備上進行一致的瀏覽。響應式網站設計的目的是期望網頁設計和網頁編碼能夠合理地響應用戶的操作行為和環境，并且此響應應基于用戶的瀏覽器屏幕大小，操作平臺等。

例如，官方設計的官方網站可以在桌面瀏覽器上顯示符合桌面互聯網瀏覽布局的內容顯示形式，而在平板電腦和智能手機上，內容布局和大小可以根據屏幕的變化自動調整，這樣用戶在平板電腦和智能手機上也可以獲得桌面瀏覽器的一致體驗。

2 /為什么要響應網站

當新的移動設備以大量的速度涌入我們的生活時，擁有可容納多種屏幕分辨率的網站建設尤為重要。根據ComScore 2012年的一項調查顯示，2009年全球移動互聯網用戶僅為8億，到2015年，移動互聯網用戶將達到19億，而2009年至2015年則為臺式互聯網用戶。增幅約為200百萬，而且增長率遠低于移動互聯網的普及程度。

2-1 /響應的優點網站

1.改善用戶體驗

響應類型網站考慮不同終端的不同分辨率下的顯示效果。如果移動設備瀏覽傳統的網站，由于移動設備尚未優化，所有體驗效果相對較差，響應類型為網站設計，根據不同的分辨率?，F在可以調整顯示的效果，大大改善了用戶體驗。

2.節省時間和成本

響應式技術雖然有時在規劃階段耗費時間，但可以幫助開發人員長期節省時間。借助響應技術，無需重新設計網站并專門針對移動設備進行重定向。這使得更新網站更容易，因為更新可以解析所有設備。

3.對seo更友好

響應式設計增加了搜索引擎的重量。因為響應式網頁設計只有一個URL，而不是指向移動設備的多個頁面，所以可以防止搜索引擎因重復內容而減輕重量。 Google還建議采用自適應設計，因為無論哪個頁面版本都是相同的HTML，相同的內容，Google都很容易處理。

2-2 /響應的缺點網站

1.它與舊版本的IE

對于IE8及以下版本的IE瀏覽器不是很兼容，因為響應式網頁布局使用了html5 + css3的一些新功能，而IE8及以下瀏覽器不支持這些，這些效果僅限于PC。而PC一般都是正常的分配率瀏覽，所以這些效果都不是大問題！

2，移動瀏覽瀏覽會產生更多流量

由于響應類型網站基本上考慮了不同終端的顯示分辨率下的顯示效果，因此代碼量將相對較高，并且對于移動終端的瀏覽，一些圖片沒有針對移動端進行優化，并且都將是相對的更多生成。流量

2-3 /響應網站是時代的趨勢

不斷發展的移動設備，計算機設備和平板設備將在未來幾年內繼續快速增長。如果沒有響應式網頁設計，誰知道誰將知道要開發多少個不同的頁面。響應式網站在國外非常受歡迎。隨著HTML5，CSS3等技術的發展，響應式網站已經成為一種趨勢，但國內IT技術將比國外慢，舊版本的IE速度較慢。慢慢退出市場，新的瀏覽器得到了強有力的推廣，相應的網站肯定會在未來出現。

3 /哪個網站適合響應式設計

1. Mobile App Developer的公司網站和一個單獨的App頁面;

2.想要充分利用互聯網的初創公司網站;

3.外貿企業網站;

4.新電子商務網站;

5.面向消費者和大眾市場的品牌公司網站;

6.新興互聯網媒體和在線社區類網站;

7.傳統媒體向移動互聯網數字化過渡的網站版本;

8.任何不想放棄移動互聯網用戶的商家和個人網站。

4 /如何快速構建響應式網站

響應式網站設計不是全新的網站設計技術，只是一種新的設計理念和模型。只要移動設備得到優化，許多傳統的網站設計體驗和技能都可以派上用場。

我們可以根據客戶要求和潛在的網站用戶的特點推薦理想的響應式網站設計解決方案，并在此基礎上，我們可以根據客戶要求定制設計，以滿足設計，功能，成本和在線時間要求。