所謂的響應式網(wǎng)站設計（自適應網(wǎng)站設計），用最通俗的語言來講，就是通過一個唯一的網(wǎng)址，唯一的一份網(wǎng)站內(nèi) 容，唯一的一份網(wǎng)站代碼，通過CSS3媒體查詢方式，可以在多種瀏覽器設備上進行一致的瀏覽。響應式站點設計的目的是期望網(wǎng)頁設計和網(wǎng)頁編碼能夠對用戶的 操作行為和環(huán)境進行合理的響應，而這種響應應建立在用戶的瀏覽器屏幕大小、操作平臺等。
2/ 為什么要做響應式網(wǎng)站
當 新的移動設備以潮水般的速度涌進我們生活的時候，擁有一個可以適應多種屏幕分辨率的網(wǎng)站建設就顯得尤為重要了。據(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億左右，增幅遠遠低于移動互聯(lián)網(wǎng)的普及度。
響應式網(wǎng)站的優(yōu)點：
1. 提升用戶體驗
響應式網(wǎng)站考慮了不同的終端下不同分辨率下的顯示效果，如果移動設備瀏覽傳統(tǒng)網(wǎng)站，由于沒有對移動設備進行過優(yōu)化處理，所有體驗效果相對會比較差，響應式網(wǎng)站設計，根據(jù)不同分辨率都會出現(xiàn)的顯示效果都進行了現(xiàn)對調(diào)整，大大提高了用戶瀏覽的體驗效果。
2. 節(jié)省時間和成本
響應式技術，雖然有時在規(guī)劃階段非常耗時，但是從長遠來看可以幫助開發(fā)人員節(jié)約時間。使用響應式技術，不需要專門為移動設備重新設計網(wǎng)站和重定向。這可以使網(wǎng)站更新變得更簡單，因為一個更新就可以解決所有的設備。
3. 對seo 更加友好
響應式設計會提高搜索引擎權重。因為一個響應式網(wǎng)頁設計只有一個URL，而不是多個頁面指向移動設備，避免搜索引擎因重復內(nèi)容而降低權重。Google也建議優(yōu)先采用響應式設計，因為無論是什么網(wǎng)頁版本都是相同的HTML、相同的內(nèi)容，Google最容易處理。
哪些網(wǎng)站適合響應式設計：
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ǎ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)站。
如何快速構建響應式網(wǎng)站
響應式網(wǎng)站設計并非一個全新的網(wǎng)站設計技術，只是一個新的設計理念和模式。很多傳統(tǒng)網(wǎng)站設計的經(jīng)驗和技巧都可以派上用場，只要針對移動設備做好優(yōu)化就行了。
