響應式網站就是：設計的頁面會根據用的的行為以及設備的環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。

      具體的實踐方式由多方面組成，包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備；換句話說，頁面應該有能力去自動響應用戶的設備環境。響應式網頁設計就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。

優點：

1、用戶體驗友好

隨著電腦尺寸多元化，智能設備（pad/智能手機）普及化，在當下追求用戶體驗至上的時代，之前網站普遍使用固定的寬度（960px）逐漸滿足不了現在不同設備與不同分辨率需求。在高分辨率電腦寬屏顯示器上，兩邊留白過多。在手機上顯示，內容顯示過小，用戶為了看清楚，首先需要放大界面，再左右拖拖界面。響應式網站可以根據不同終端、不同尺寸和不同應用環境，自動調整界面布局、展示內容、內容大小，提供非常好視覺展示效果，一致性友好體驗。

2、節省設計與開發時間

從設計角度說，一般來說，響應式網站界面只需要設計兩套設計效果圖就行了，電腦端與pad端基本可以共用一套設計效果圖，手機端重新設計一套就可以了；從前端開發角度說，再不需要開發三套完成不一樣的前端代碼，只需要根據臨界點（如果是基于Bootstrap前端框架進行開發，它上面有明確說明，這個問題下回再和大家分享）為不同終端開發三套不同的css樣式；從后期維護角度來說，再不需要分別維護pc界面、pad界面、移動界面，專心維護一個網站即可。

3、SEO友好

由于響應網站在不同終端有友好的界面展示效果，用戶可以與網站一直保持聯系，比如URL不變積累分享；通過單一的URL地址收集所有的社交分享鏈接最佳化搜索用引擎。搜索引擎也在變得越來越聰明，它們足夠智能可以完成移動網站和桌面網站的連接。

Google也建議優先采用響應式設計，因為無論是什么網頁版本都是相同的HTML、相同的內容，百度與谷歌更容易處理。

4、可以適應所有設備屏幕

這點可以說是響應式的網站最大的優勢，在如今技術日新月異，智能終端不斷更新換代，智能手機、VR設備、智能手表等等層出不窮，不可能一個個進行獨立開發，但是如果擁有了響應式的網站設計則不同，用戶可以一直和網站保持聯系，而且它對用戶非常用好。

5、維護更少

想一下如果再去開發一新的獨立移動站，無疑會增加你的工作負擔，實際上你擁有的是兩個站，但是如果響應式網站維護成本肯定會很少，因為他只是一個站，而且可以在所有設備上都運行，明顯減少了工作量。