1.什麼是「RWD」呢？ What is Responsive Web Design

 RWD 是 Responsive Web Design 的縮寫，普見的中文翻譯是「響應式網頁設計」，或稱「自適應網頁設計」、「回應式網頁設計」，亦稱「對應式網頁設計」。簡單的來說，就是使用 RWD 所設計的網站，可以讓相同的網址和網站內容，在不同型號的電腦、手機以及平版，都可以輕鬆的觀看到一樣的網站內容。RWD 的網頁架構可以讓網頁中的文字&圖片甚至是網站的特殊效果，自動適應使用者正在瀏覽的螢幕大小。

 響應式網頁設計(Responsive Web Design)簡稱RWD，開始於2011年由Ethan Marcotte 發明的術語 Responsive Web Design (RWD)。2012年後被公認為是日後網頁設計開發技術的趨勢，網站使用CSS3，以百分比的方式以及彈性的畫面設計，在不同解析度下改變網頁頁面的佈局排版，讓不同的設備都可以正常瀏覽同一網站，提供最佳的視覺體驗，是個因移動平台的用戶大量增加而想出的一個對應方法。

 而Google官方解釋是無論使用者透過何種裝置瀏覽網頁(包括桌上型電腦、平板電腦或手機)，該網頁一律使用相同的網址和程式碼，只不過網頁的顯示效果會依據螢幕尺寸 進行調整。 “因此，Google 建議您使用 RWD，而非其他設計樣式。”

 採用 RWD 的優點之一，是您只需要維護單一網站版本，而非兩個版本。傳統設計網站分為電腦版本及手機版本，而這種情況簡單來說就是需要設計兩組網站，因此現在推薦客戶設計RWD版本類型網站，讓您不必同時維護電腦版網站和行動版網站，即可兼顧電腦版和行動版網站訪客的使用需求。

2.以往傳統的網頁設計方式在手機或行機裝置上瀏覽卻經常出現以下問題：

1. 網站在小尺寸裝置上不易被瀏覽，文字圖片常常過小，網頁的版面容易破版。
2. 同一網站需製作電腦、手機二種以上版本，花費時間、成本相對提高。
3. 各種設備螢幕尺寸眾多，無法針對單一解析度個別設計版面。
4. 影響SEO搜尋引擎自然排序名次(搜尋引擎目前已將網站是否支援RWD列入評分機制，有符合RWD規範之網站將會提高於搜尋引擎中的排名)。