RWD 全名是 Responsive Web Design
中文翻譯成 – 響應式網頁自適應網頁設計、回應式網頁設計、對應式網頁設計
主要就是透過 CSS3 Media Queries 讓網頁自動切換不同的 CSS，然後讓不同的裝置顯示出該裝置適合的版面設計與瀏覽狀態。
底下所介紹的這個日本網站 “Responsive Web Design JP”，非常佛心地幫大家蒐集、整理出各種不同『 RWD ( Responsive Web Design ) – 響應式網頁』的版型設計。
雖然僅限於日本的網站蒐集，但大量的網站範例參考，仍是研究 RWD 的同學們絕對不能錯過的參考資料喔！
★ 日本 RWD 網站一把抓網站首頁 : http://responsive-jp.com/
★ 飛肯的教學課程：教學課程：RWD 響應式網頁版型設計班
既然是介紹 RWD 的網站，此網站本身當然也是 RWD 的設計囉。(笑)
網站的主要選單已貼心的幫大家把所有網站做了幾種分類，如下圖 ↓
點開” Technique “的分類，可以看見包含幾種不同網頁技術的選項，其中之一如下圖的 CSS3 ↓
你也可以選擇以” Color (顏色) “來做搜尋，如下圖即為所有黑色相關網站的搜尋結果 ↓
★ 日本 RWD 網站一把抓網站首頁 : http://responsive-jp.com/
★ 飛肯的教學課程：教學課程：RWD 響應式網頁版型設計班
這麼棒的網站，快點收進自己的網站書籤吧！ ^_^
當您對本文有任何問題或指教，歡迎到我們的【網頁設計交流討論區】一起交流討論喔！