什麼是RWD響應式網頁設計？
響應式網頁設計(Responsive Web Design)簡稱RWD，又稱為「自適應網頁設計」或「回應式網頁設計」，是一種讓網頁可以在不同的裝置上皆有合適的呈現模式，過最新的 HTML5、CSS3 等網頁技術，讓您的網站能自動偵測使用者上網的螢幕裝置尺寸，讓網站內不同的圖文內容，可自動依照不同的螢幕尺寸重新排列組合，以達到最佳排版效果及最舒適瀏覽狀態。
在2012年後逐漸被推廣，並在近幾年成為網頁設計的趨勢。技術上來說，RWD是在網頁中使用CSS語法來決定網頁版面的呈現方式，大部份是將網頁圖片或區塊以百分比的比例方式呈現畫面。RWD可以在不同的解析度或是不同的行動裝置設備寬度下，讓網頁自動改變畫面排版，提供使用者在跨裝置中得到最佳的瀏覽體驗。基於以上的優勢，許多網站也都開始使用RWD去設計網頁。然而這種設計方式比較複雜，同時要考慮網頁在不同裝置所呈現的方式，因此需要較多的時間去撰寫網頁與調整版面設計。
一個好的RWD網頁設計除了給顧客一個好印象之外，還有助SEO搜索引擎優化。
沒有RWD響應式網頁設計的網頁，在手機上如何呈現？
- 沒有RWD的網頁：在手機上顯示選單文字過小、無法清楚閱讀內容。必須不斷用手指頭在手機上不停地放大縮小，才能看清楚文字內容。
- 有RWD的網頁：在手機上顯示各區塊會依設定的比例做區塊切換，不需手指放大就可以清楚網頁文字。
RWD響應式網頁設計要怎麼做？
RWD響應式網頁的開發通常是在Framework上進行，網上亦有不少Framework提供給大家使用，這樣大家就可以節省很多設計的時間，以下介紹較熱門的3種RWD Framework，供大家參考使用。
1. Bootstrap – https://getbootstrap.com
Bootstrap是由Twitter開發，包含Javascript、CSS等等相關檔案。自由度高、最多人使用的RWD Framework。
2. Foundation – https://get.foundation
由ZURB出品，推廣Mobile First的概念，適合以Mobile為優先考量的網站。
3. Pure – https://purecss.io
由Yahoo出品，單純只使用CSS，適合大量客制化的網站。如果需要Javascript Framework需要額外載入。
