1/ 什麼是響應式網站
所謂的響應式網站設計（自適應網站設計），用通俗的語言來講，就是透過一個的網址，的一份網站內容，的一份網站程式碼，透過 CSS3 媒體查詢方式，可以在多種瀏覽器裝置上進行一致的瀏覽。響應式站點設計的目的是期望網頁設計和網頁編碼能夠對多使用者的操作行為和環境進行合理的響應，而這種響應應建立在多使用者的瀏覽器螢幕大小、操作平臺等。
例如，唯優設計的官方網站能夠在桌面瀏覽器上顯示符合桌面網際網路瀏覽佈局的內容展示形式，而在平板電腦、智慧手機上則可以根據螢幕的變化而自動調整內容的佈局和尺寸，讓多使用者可以在平板電腦和智慧手機上也獲得桌面瀏覽器上的一致體驗。
2/ 為什麼要做響應式網站
當新的移動裝置以潮水般的速度湧進我們生活的時候，擁有一個可以適應多種螢幕解析度的網站建設就顯得尤為重要了。據 ComScore 在 2012 年的調查發現，2009 年全世界僅有 8 億部移動網際網路多使用者，而到 2022，將有 19 億移動網際網路多使用者，而相比較而言，桌面網際網路多使用者從 2009 到 2022 年只會增加 2 億左右，增幅遠遠低於移動網際網路的普及度。
2-1/ 響應式網站的優點
1 、提升多使用者體驗
響應式網站考慮了不同的終端下不同解析度下的顯示效果，如果移動裝置瀏覽傳統網站，由於沒有對移動裝置進行過最佳化處理，所有體驗效果相對會比較差，響應式網站設計，根據不同解析度都會出現的顯示效果都進行了現對調整，大大提高了多使用者瀏覽的體驗效果。
2 、節省時間和成本
響應式技術，雖然有時在規劃階段非常耗時，但是從長遠來看可以幫助開發人員節約時間。使用響應式技術，不需要專門為移動裝置重新設計網站和重定向。這可以使網站更新變得更簡單，因為一個更新就可以解決所有的裝置。
3 、對 SEO 站群 更加友好
響應式設計會提高搜尋引擎權重。因為一個響應式網頁設計只有一個 URL，而不是多個頁面指向移動裝置，避免搜尋引擎因重複內容而降低權重。 Google 也建議優先採用響應式設計，因為無論是什麼網頁版本都是相同的 HTML 、相同的內容，Google 容易處理。
2-2/ 響應式網站的缺點
1 、對老版本 IE 相容不好
對於 ie8 及以下版本的 ie 瀏覽器相容不太好，由於響應式網頁佈局採用 html5+css3 的一些新特性, 而 ie8 及以下的瀏覽器對這些都不支援，這些影響都只是侷限於 pc 機上，而 pc 機一般都是正常的分配率瀏覽，所以這些影響都並不是大問題！
2 、移動端瀏覽瀏覽量會產生更多流量
由於響應式網站，基本都考慮了不同終端顯示解析度下的顯示效果，所以程式碼量會相對較高，同時對於移動端的瀏覽，一些圖片並沒有針對移動端進行過最佳化，所有會產生相對較多的流量
2-3/ 響應式網站是大勢所趨
未來幾年內不斷發展的移動裝置、電腦裝置、平板裝置還將極速發展，若是沒有響應式 Web 設計誰知道我們誰會知道究竟還要開發多少個不同的頁面。響應式網站在國外已經非常流行，隨著 HTML5 、 CSS3 等技術的發展，響應式網站已成為一種趨勢，只是國內 IT 技術總會比國外慢幾個跟斗，隨著老本版 IE 瀏覽器慢慢退出市場，新的瀏覽器的強勁推動，未來相應式網站必將會層出不窮。
3/ 哪些網站適合響應式設計
1. 移動 WordPress APP 開發者的公司網站和單獨的 WordPress APP 網頁；
2. 希望充分利用網際網路的初創型公司網站；
3. 外貿型企業網站；
4. 新式的電子商務網站；
5. 面向消費者和大眾市場的品牌企業網站；
6. 新興網際網路媒體和網上社群類網站；
7. 傳統媒體向移動網際網路數字化過渡的網站改版；
8. 任何不想放棄移動網際網路多使用者的商家和個人網站。
4/ 如何快速構建響應式網站
響應式網站設計並非一個全新的網站設計技術，只是一個新的設計理念和模式。很多傳統網站設計的經驗和技巧都可以派上用場，只要針對移動裝置做好最佳化就行了。
我們可以按照客戶的要求和潛在網站多使用者的特徵，推薦理想的響應式網站設計方案，並在此基礎上根據客戶要求做定製設計，以滿足設計、功能、成本和上線時間的要求。