首先什么是響應式的網站？響應式的網站就是：設計的頁面會根據用的的行為以及設備的環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。
具體的實踐方式由多方面組成，包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用筆記本還是iPad，我們的頁面都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備；換句話說，頁面應該有能力去自動響應用戶的設備環境。響應式網頁設計就是一個網站能夠兼容多個終端——而不是為每個終端做一個特定的版本。
響應式的網站不足：比較有局限性，只能適應一些簡單的網站，比如商城類型的網站就不適合了，內容太多，太復雜。對于響應式的頁面，很多人都以為是一種網站跨平臺的解決方案。但是對于絕大部分的網站來說，其實就是一種排版技巧。只是這種排版技巧帶有很多的細節調整。
1、用戶體驗友好
隨著電腦尺寸多元化，智能設備（pad/智能手機）普及化，在當下追求用戶體驗至上的時代（2016年），之前網站普遍使用固定的寬度（960px）逐漸滿足不了現在不同設備與不同分辨率需求。在高分辨率電腦寬屏顯示器上，兩邊留白過多。在手機上顯示，內
容顯示過小，用戶為了看清楚，首先需要放大界面，再左右拖拖界面。響應式網站可以根據不同終端、不同尺寸和不同應用環境，自動調整界面布局、展示內容、內容大小，提供非常好視覺展示效果，一致性友好體驗。
2、節省設計與開發時間
從設計角度說，一般來說，響應式網站界面只需要設計兩套設計效果圖就行了，電腦端與pad端基本可以共用一套設計效果圖，手機端重新設計一套就可以了；從前端開發角度說，再不需要開發三套完成不一樣的前端代碼，只需要根據臨界點（如果是基于Bootstrap前端框架進行開發，它上面有明確說明，這個問題下回再和大家分享）為不同終端開發三套不同的css樣式；從后期維護角度來說，再不需要分別維護pc界面、pad界面、移動界面，專心維護一個網站即可。
3、SEO友好
由于響應網站在不同終端有友好的界面展示效果，用戶可以與網站一直保持聯系，比如URL不變積累分享；通過單一的URL地址收集所有的社交分享鏈接搜索用引擎。搜索引擎也在變得越來越聰明，它們足夠智能可以完成移動網站和桌面網站的連接。
Google也建議優先采用響應式設計，因為無論是什么網頁版本都是相同的HTML、相同的內容，百度與谷歌更容易處理。
4、可以適應所有設備屏幕
這點可以說是響應式的網站的優勢，在如今技術日新月異，智能終端不斷更新換代，智能手機、VR設備、智能手表等等層出不窮，不可能一個個進行獨立開發，但是如果擁有了響應式網站設計則不同，用戶可以一直和網站保持聯系，而且它對用戶非常用好。
5、維護更少
想一下如果再去開發一新的獨立移動站，無疑會增加你的工作負擔，實際上你擁有的是兩個站，但是如果響應式網站維護成本肯定會很少，因為他只是一個站，而且可以在所有設備上都運行，明顯減少了工作量。