RWD(回響式網站設計(RWD))

回響式網站設計(簡稱RWD)是一種新的網站設計模式，以此構建的網站可自動適應不同的訪問設備(從桌面電腦、平板電腦到智慧型手機)，方便用戶閱讀和導航瀏覽，減少用戶的放大/縮小/滑動操作，從而提供完整而友好的用戶體驗。

基本介紹

• 中文名：回響式網站設計
• 外文名：RWD
• 屬於：一種新的網站設計模式

回響式網站設計有三個關鍵組成部分：1. media query; 2. 流動格線；3. 靈活縮放的圖片。

基於RWD而設計的網站利用CSS3 media queries規則來自動適應不同訪問設備的螢幕尺寸和顯示要求。而流動格線採用頁面元素大小的相對單位(百分比或EM)，而非傳統設計使用的絕對單位(像素或點數)，以確定頁面各組成元素的大小。最後，圖片大小也是採用相對單位而靈活縮放，不至於在小螢幕的移動設備上超出顯示區域。