1 /什么是響應(yīng)類型網(wǎng)站

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

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

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

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

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

1.改善用戶體驗

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

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

響應(yīng)式技術(shù)雖然有時在規(guī)劃階段耗費時間，但可以幫助開發(fā)人員長期節(jié)省時間。借助響應(yīng)技術(shù)，無需重新設(shè)計網(wǎng)站并專門針對移動設(shè)備進(jìn)行重定向。這使得更新網(wǎng)站更容易，因為更新可以解析所有設(shè)備。

3.對seo更友好

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

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

1.它與舊版本的IE

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

2，移動瀏覽瀏覽會產(chǎn)生更多流量

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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