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

例如，官方設(shè)計(jì)的官方網(wǎng)站可以在桌面瀏覽器上顯示符合桌面互聯(lián)網(wǎng)瀏覽布局的內(nèi)容顯示形式，而在平板電腦和智能手機(jī)上，內(nèi)容布局和大小可以根據(jù)屏幕的變化自動(dòng)調(diào)整，這樣用戶在平板電腦和智能手機(jī)上也可以獲得桌面瀏覽器的一致體驗(yàn)。

2 /為什么要響應(yīng)網(wǎng)站

當(dāng)新的移動(dòng)設(shè)備以大量的速度涌入我們的生活時(shí)，擁有可容納多種屏幕分辨率的網(wǎng)站建設(shè)尤為重要。根據(jù)ComScore 2012年的一項(xiàng)調(diào)查顯示，2009年全球移動(dòng)互聯(lián)網(wǎng)用戶僅為8億，到2015年，移動(dòng)互聯(lián)網(wǎng)用戶將達(dá)到19億，而2009年至2015年則為臺(tái)式互聯(lián)網(wǎng)用戶。增幅約為200百萬，而且增長(zhǎng)率遠(yuǎn)低于移動(dòng)互聯(lián)網(wǎng)的普及程度。

2-1 /響應(yīng)的優(yōu)點(diǎn)網(wǎng)站

1.改善用戶體驗(yàn)

響應(yīng)類型網(wǎng)站考慮不同終端的不同分辨率下的顯示效果。如果移動(dòng)設(shè)備瀏覽傳統(tǒng)的網(wǎng)站，由于移動(dòng)設(shè)備尚未優(yōu)化，所有體驗(yàn)效果相對(duì)較差，響應(yīng)類型為網(wǎng)站設(shè)計(jì)，根據(jù)不同的分辨率。現(xiàn)在可以調(diào)整顯示的效果，大大改善了用戶體驗(yàn)。

2.節(jié)省時(shí)間和成本

響應(yīng)式技術(shù)雖然有時(shí)在規(guī)劃階段耗費(fèi)時(shí)間，但可以幫助開發(fā)人員長(zhǎng)期節(jié)省時(shí)間。借助響應(yīng)技術(shù)，無需重新設(shè)計(jì)網(wǎng)站并專門針對(duì)移動(dòng)設(shè)備進(jìn)行重定向。這使得更新網(wǎng)站更容易，因?yàn)楦驴梢越馕鏊性O(shè)備。

3.對(duì)seo更友好

響應(yīng)式設(shè)計(jì)增加了搜索引擎的重量。因?yàn)轫憫?yīng)式網(wǎng)頁設(shè)計(jì)只有一個(gè)URL，而不是指向移動(dòng)設(shè)備的多個(gè)頁面，所以可以防止搜索引擎因重復(fù)內(nèi)容而減輕重量。 Google還建議采用自適應(yīng)設(shè)計(jì)，因?yàn)闊o論哪個(gè)頁面版本都是相同的HTML，相同的內(nèi)容，Google都很容易處理。

2-2 /響應(yīng)的缺點(diǎn)網(wǎng)站

1.它與舊版本的IE

對(duì)于IE8及以下版本的IE瀏覽器不是很兼容，因?yàn)轫憫?yīng)式網(wǎng)頁布局使用了html5 + css3的一些新功能，而IE8及以下瀏覽器不支持這些，這些效果僅限于PC。而PC一般都是正常的分配率瀏覽，所以這些效果都不是大問題！

2，移動(dòng)瀏覽瀏覽會(huì)產(chǎn)生更多流量

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

2-3 /響應(yīng)網(wǎng)站是時(shí)代的趨勢(shì)

不斷發(fā)展的移動(dòng)設(shè)備，計(jì)算機(jī)設(shè)備和平板設(shè)備將在未來幾年內(nèi)繼續(xù)快速增長(zhǎng)。如果沒有響應(yīng)式網(wǎng)頁設(shè)計(jì)，誰知道誰將知道要開發(fā)多少個(gè)不同的頁面。響應(yīng)式網(wǎng)站在國(guó)外非常受歡迎。隨著HTML5，CSS3等技術(shù)的發(fā)展，響應(yīng)式網(wǎng)站已經(jīng)成為一種趨勢(shì)，但國(guó)內(nèi)IT技術(shù)將比國(guó)外慢，舊版本的IE速度較慢。慢慢退出市場(chǎng)，新的瀏覽器得到了強(qiáng)有力的推廣，相應(yīng)的網(wǎng)站肯定會(huì)在未來出現(xiàn)。

3 /哪個(gè)網(wǎng)站適合響應(yīng)式設(shè)計(jì)

1. Mobile App Developer的公司網(wǎng)站和一個(gè)單獨(dú)的App頁面;

2.想要充分利用互聯(lián)網(wǎng)的初創(chuàng)公司網(wǎng)站;

3.外貿(mào)企業(yè)網(wǎng)站;

4.新電子商務(wù)網(wǎng)站;

5.面向消費(fèi)者和大眾市場(chǎng)的品牌公司網(wǎng)站;

6.新興互聯(lián)網(wǎng)媒體和在線社區(qū)類網(wǎng)站;

7.傳統(tǒng)媒體向移動(dòng)互聯(lián)網(wǎng)數(shù)字化過渡的網(wǎng)站版本;

8.任何不想放棄移動(dòng)互聯(lián)網(wǎng)用戶的商家和個(gè)人網(wǎng)站。

4 /如何快速構(gòu)建響應(yīng)式網(wǎng)站

響應(yīng)式網(wǎng)站設(shè)計(jì)不是全新的網(wǎng)站設(shè)計(jì)技術(shù)，只是一種新的設(shè)計(jì)理念和模型。只要移動(dòng)設(shè)備得到優(yōu)化，許多傳統(tǒng)的網(wǎng)站設(shè)計(jì)體驗(yàn)和技能都可以派上用場(chǎng)。

我們可以根據(jù)客戶要求和潛在的網(wǎng)站用戶的特點(diǎn)推薦理想的響應(yīng)式網(wǎng)站設(shè)計(jì)解決方案，并在此基礎(chǔ)上，我們可以根據(jù)客戶要求定制設(shè)計(jì)，以滿足設(shè)計(jì)，功能，成本和在線時(shí)間要求。