響應式網(wǎng)站（自適應網(wǎng)站）是用最通俗的語言來講，就是網(wǎng)站設計通過一個唯一的網(wǎng)址，唯一的一份網(wǎng)站內(nèi)容，唯一的一份網(wǎng)站代碼，通過CSS3媒體查詢方式，可以在多種瀏覽器設備上進行一致的瀏覽。響應式站點設計的目的是期望網(wǎng)頁設計和網(wǎng)頁編碼能夠?qū)τ脩舻牟僮餍袨楹铜h(huán)境進行合理的響應，而這種響應應建立在用戶的瀏覽器屏幕大小、操作平臺等。

響應式頁面：通過合理的設計方案，配合規(guī)范的技術實現(xiàn)策略，使同一個Web頁面在不同的媒介(Media)、不同的視窗(Viewport)下有不同的布局結構、板式設計以及不同數(shù)量信息的展示，以實現(xiàn)最佳的用戶體驗。

Media：指Web頁面運行在那些設備屏幕上（手機、平板、PC、Mac等）；

視窗：瀏覽器用來顯示頁面內(nèi)容的窗口，也就是瀏覽器去掉標題欄、地址欄、工具欄之后顯示內(nèi)容的窗口大小。

大家普遍認為移動端碎片化嚴重，實際上桌面端設計的分辨率隨著新設備的增加，碎片化也日益嚴重，想在各種屏幕上都得到好的用戶體驗，傳統(tǒng)固定的布局就做不到了。

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

當新的移動設備以潮水般的速度涌進我們生活的時候，擁有一個可以適應多種屏幕分辨率的網(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)的普及度。

1、提升用戶體驗

響應式網(wǎng)站考慮了不同的終端下不同分辨率下的顯示效果，如果移動設備瀏覽傳統(tǒng)網(wǎng)站，由于沒有對移動設備進行過整站營銷處理，所有體驗效果相對會比較差，響應式網(wǎng)站設計，根據(jù)不同分辨率都會出現(xiàn)的顯示效果都進行了現(xiàn)對調(diào)整，大大提高了用戶瀏覽的體驗效果。

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

響應式技術，雖然有時在規(guī)劃階段非常耗時，但是從長遠來看可以幫助開發(fā)人員節(jié)約時間。使用響應式技術，不需要專門為移動設備重新設計網(wǎng)站和重定向。這可以使網(wǎng)站更新變得更簡單，因為一個更新就可以解決所有的設備。

3、對 更加友好

響應式設計會提高搜索引擎權重。因為一個響應式網(wǎng)頁設計只有一個URL，而不是多個頁面指向移動設備，避免搜索引擎因重復內(nèi)容而降低權重。Google也建議優(yōu)先采用響應式設計，因為無論是什么網(wǎng)頁版本都是相同的HTML、相同的內(nèi)容，Google最容易處理。