1/ 什么是響應(yīng)式網(wǎng)站
所謂的響應(yīng)式網(wǎng)站設(shè)計（自適應(yīng)網(wǎng)站設(shè)計），用最通俗的語言來講，就是通過一個唯一的網(wǎng)址，唯一的一份網(wǎng)站內(nèi) 容，唯一的一份網(wǎng)站代碼，通過CSS3媒體查詢方式，可以在多種瀏覽器設(shè)備上進(jìn)行一致的瀏覽。響應(yīng)式站點設(shè)計的目的是期望網(wǎng)頁設(shè)計和網(wǎng)頁編碼能夠?qū)τ脩舻?操作行為和環(huán)境進(jìn)行合理的響應(yīng)，而這種響應(yīng)應(yīng)建立在用戶的瀏覽器屏幕大小、操作平臺等。
2/ 為什么要做響應(yīng)式網(wǎng)站
當(dāng) 新的移動設(shè)備以潮水般的速度涌進(jìn)我們生活的時候，擁有一個可以適應(yīng)多種屏幕分辨率的網(wǎng)站建設(shè)就顯得尤為重要了。據(jù)ComScore在2012年的調(diào)查發(fā) 現(xiàn)，2009年全世界僅有8億部移動互聯(lián)網(wǎng)用戶，而到2015，將有19億移動互聯(lián)網(wǎng)用戶，而相比較而言，桌面互聯(lián)網(wǎng)用戶從2009到2015年只會增加 2億左右，增幅遠(yuǎn)遠(yuǎn)低于移動互聯(lián)網(wǎng)的普及度。
響應(yīng)式網(wǎng)站的優(yōu)點：
1. 提升用戶體驗
響應(yīng)式網(wǎng)站考慮了不同的終端下不同分辨率下的顯示效果，如果移動設(shè)備瀏覽傳統(tǒng)網(wǎng)站，由于沒有對移動設(shè)備進(jìn)行過優(yōu)化處理，所有體驗效果相對會比較差，響應(yīng)式網(wǎng)站設(shè)計，根據(jù)不同分辨率都會出現(xiàn)的顯示效果都進(jìn)行了現(xiàn)對調(diào)整，大大提高了用戶瀏覽的體驗效果。
2. 節(jié)省時間和成本
響應(yīng)式技術(shù)，雖然有時在規(guī)劃階段非常耗時，但是從長遠(yuǎn)來看可以幫助開發(fā)人員節(jié)約時間。使用響應(yīng)式技術(shù)，不需要專門為移動設(shè)備重新設(shè)計網(wǎng)站和重定向。這可以使網(wǎng)站更新變得更簡單，因為一個更新就可以解決所有的設(shè)備。
3. 對seo 更加友好
響應(yīng)式設(shè)計會提高搜索引擎權(quán)重。因為一個響應(yīng)式網(wǎng)頁設(shè)計只有一個URL，而不是多個頁面指向移動設(shè)備，避免搜索引擎因重復(fù)內(nèi)容而降低權(quán)重。Google也建議優(yōu)先采用響應(yīng)式設(shè)計，因為無論是什么網(wǎng)頁版本都是相同的HTML、相同的內(nèi)容，Google最容易處理。
哪些網(wǎng)站適合響應(yīng)式設(shè)計：
1. 移動App開發(fā)者的公司網(wǎng)站和單獨的App網(wǎng)頁；
2. 希望充分利用互聯(lián)網(wǎng)的初創(chuàng)型公司網(wǎng)站；
3. 外貿(mào)型企業(yè)網(wǎng)站；
4. 新式的電子商務(wù)網(wǎng)站；
5. 面向消費者和大眾市場的品牌企業(yè)網(wǎng)站；
6. 新興互聯(lián)網(wǎng)媒體和網(wǎng)上社區(qū)類網(wǎng)站；
7. 傳統(tǒng)媒體向移動互聯(lián)網(wǎng)數(shù)字化過渡的網(wǎng)站改版；
8. 任何不想放棄移動互聯(lián)網(wǎng)用戶的商家和個人網(wǎng)站。
如何快速構(gòu)建響應(yīng)式網(wǎng)站
響應(yīng)式網(wǎng)站設(shè)計并非一個全新的網(wǎng)站設(shè)計技術(shù)，只是一個新的設(shè)計理念和模式。很多傳統(tǒng)網(wǎng)站設(shè)計的經(jīng)驗和技巧都可以派上用場，只要針對移動設(shè)備做好優(yōu)化就行了。
