隨著移動網絡的發展以及各種平板、智能型手機平臺的盛行，為解決如今各式各樣的瀏覽器分辨率以及不同移動平臺的顯示效果，而由于是由同一個網頁內容轉變，管理者也就不必大費周章的重復更新網頁信息。
響應式網站可以為不同平臺的用戶提供更加舒適的界面和更好的用戶體驗，而且隨著目前大熒幕的移動設備的普及，越來越多的客戶采用這個技術，我們不僅看到很多的創新，還看到了一些成形的模式。響應式網站可以說是采用了APP功能導向的設計概念，將現有網站內容搭配UI重新設計，方便網站使用于各種移動平臺上的瀏覽與操作。
2015年4月Google mobile friendly宣布：「網頁的移動友好度將成為移動搜索結果排序的影響因素之一」故未符合手機端設計的網頁，在移動搜索排名會調降！
以前，很多網名都有這樣的經歷：有些網站壓根就沒有針對移動設備的網站，哪怕是有，大多都是不夠“移動友好”，閱讀體驗完全跟不上傳統的Web版本；而且在不同的移動設備上，瀏覽體驗也是大相徑庭，讓很多用戶大為苦惱。
在這種現狀下，怎樣讓網站兼容Web版本和移動版本，并確保良好的用戶體驗，這將是越來越重要的問題，當然，有需求，有市場，就會有解決需求的辦法?；谝陨咸岬降默F狀，響應式網站應運而生。
一般傳統網頁的設計方式主要只針對臺式計算機制作，可是，一旦使用移動裝置（手機/平板）瀏覽時便會讓畫面變得十分擁擠、閱讀上顯得艱苦。
響應式網頁設計的主要核心技術是css3 media query，就是讓不同瀏覽分辨率去套用不同的css設定，可讓網頁內容隨著裝置的寬度自動排列頁面區塊，使字體、圖片等在移動裝置上也能呈現最佳瀏覽大小，讓使用者輕松瀏覽無負擔！且管理者只需要維護一個網站，便能讓計算機、平板與手機三種需求畫面同步更新！
1.一個網站能夠兼容多個瀏覽平臺(手機/平板/計算機)
2.內容簡單扼要
3.版面干凈整齊
4.響應式網站 有利于搜索排名
5.操作順暢便利：能夠把最重要的訊息在有限的版面中清楚的呈現給手機用戶，才是成功的手機版網頁設計，也才能達到最大的效益。
我們了解一下，響應式網站跟手機網站有什么區別？
響應式網站和移動端網站都能滿足手機或者平板的訪問，但對于網站的營銷來說響應式網站的效果遠遠比移動端網站效果好很多。
1、避免內容重復：響應式網站在移動端和Web使用相同的網址,而移動端網站是根據客戶提供的域名指向不用的網址，對于搜索引擎來說是不友好的，它認為你的內容有抄襲的嫌疑。
2、維護成本不同：響應式網站只需要維護一個網站的內容，如果PC網站與移動端網站分開，則需要至少兩次的維護。
3、用戶體驗不同及制作成本：響應式網站可以解決幾乎所有主流屏幕的自適應，達到最佳的視覺效果。而移動端網站需針對于每個屏幕尺寸單獨制作，訪問不同網址，不同頁面效果，體驗感差，且工作量大。
4、與用戶的互動感體驗不同：由于創建賬號需要輸入大量信息，因此用戶更喜歡在PC端創建個人賬號，而用戶的訪問又趨向于在移動端完成。然而移動端網站訪問獨立移動站的內頁是一般是重新定向到首頁，就這導致用戶在訪問某個社交平臺發布的某個產品的內頁自動跳轉到內頁去了，造成跳出率非常高，但是響應式網站很好的解決了這個問題。
那么什么情況下適合響應式網站建設呢？
1、企業/工作室官方網站建設：企業官方網站、工作室網站、個人網站建議考慮一下響應式建站。相比單獨為移動網站建設，響應式網站建站成本低，維護成本低。
2、行業產品展示網站：攝影行業網站、家居行業網站、婚紗攝影網站、外貿產品網站、品牌官網、平面設計網站、法律律師網站等公司展示、產品展示類網站都非常適合響應式網站，將官網做成響應式網站，可以適應各種設備，將企業優勢及網絡形象的展示給用戶，也讓用戶可以享受優秀的用戶體驗，贏得更多客戶的青睞！
還有這些情景也是適合響應式網站的：
1、最少網站制作成本地適應更多場景：企業是屬于盈利性單位，總是希望以最少的成本獲取最大的利益。雖然比設計開發一個普通的web網站或者移動端網站來說，要打造一個響應式網站，所需的人力成本和時間成本都會有所增加。但是，從用戶需求、用戶體驗角度、開發成本、維護成本來說，一個響應式網站，比為多個設備分別開發多個版本的網站，成本還是要低很多，維護起來也會輕松很多。
2、不清楚要開發的網站更適合哪個場景：與其通過預測主流設備再分別進行設計開發，倒不如制作響應式網站，自適應各種設備讓用戶都擁有更的用戶體驗。
3、期望兼容未來的新設備：新設備層出不窮，與其被動地進行更新維護，不如主動應萬變，將網站開發為響應式布局。
那么哪些情況下不合適響應式的網站呢？
1、國內的電商網站：國內的電商網站頁面布局比較復雜，展現內容多類目多，而移動端的屏幕大小有限，所以電商類網站做響應式網站會導致用戶體驗差，建議規劃適合移動端布局的移動端網站。
2、功能型的資訊類網站：資訊類網站頁面結構單一，是適合響應式布局的，但是功能型的資訊類網站就不適合了。具有一定功能型的網站對于頁面的整體排版、樣式和用戶體驗的要求較高，只能另外規劃適合移動端布局的網站頁面設計。
