RWD網頁設計透過階層式樣式表 (CSS)運作，根據用戶設備的螢幕尺寸、方向、分辨率、顏色能力和其他特性，使用各種設置來提供不同的樣式屬性。一些與RWD網頁設計相關的CSS屬性示例包括可見區域和媒體查詢。
RWD網頁設計的優勢
RWD網頁設計具有潛在的優勢。與開發3或4個不同的站點相比，使用單個代碼即可以使開發更快，且隨著長時間維護更容易，因為只需要更新一組代碼和內容而不是3或4個站點的代碼和內容。RWD也相對不會過時，因為它可以支持隨時需要的新斷點。如果5吋設備或15吋設備在市場上非常人氣時，代碼可以支持新設備。RWD不會將設計鎖定特定設備，它可以應用在任何設備上。
RWD網頁設計的目標
從本質上來說，RWD網頁設計(響應式設計)是一種將網站組合在一起的方式，以便它自動縮放其內容和元素以匹配查看它的螢幕尺寸。它可以防止圖像大於螢幕寬度，並防止移動裝置上的訪問者需要做額外的動作來閱讀你網站的內容。而RWD網頁設計的最終目標 ，是避免在未針對不同設備進行優化的網站上發生不必要的調整大小、滾動、縮放或平移。
延伸推薦
