複製鏈接
請複製以下鏈接發送給好友
https://baike.baidu.hk/item/RWD/19266582
複製
複製成功

RWD

（響應式網站設計(RWD)）

鎖定
響應式網站設計(簡稱RWD)是一種新的網站設計模式，以此構建的網站可自動適應不同的訪問設備(從桌面電腦、平板電腦到智能手機)，方便用户閲讀和導航瀏覽，減少用户的放大/縮小/滑動操作，從而提供完整而友好的用户體驗。
中文名
響應式網站設計
外文名
RWD
響應式網站設計有三個關鍵組成部分：1. media query; 2. 流動網格；3. 靈活縮放的圖片。
基於RWD而設計的網站利用CSS3 media queries規則來自動適應不同訪問設備的屏幕尺寸和顯示要求。而流動網格採用頁面元素大小的相對單位(百分比或EM)，而非傳統設計使用的絕對單位(像素或點數)，以確定頁面各組成元素的大小。最後，圖片大小也是採用相對單位而靈活縮放，不至於在小屏幕的移動設備上超出顯示區域。 [1] 
參考資料