RWD即響應式網頁設計（Responsive Web Design），旨在創建能夠在不同設備（如個人電腦、平板和手機）上提供良好瀏覽和互動體驗的網頁。隨著智能設備的普及，用戶越來越多地在各種屏幕大小的裝置上訪問網站，因此，響應式設計成為了確保網站在所有設備上均能高效運行的關鍵。
響應式網頁的自適應功能主要通過CSS（層疊樣式表）來實現。以下是RWD的一些核心設計原則：
- 流動性網格系統：在響應式設計中，設計元素（如容器、圖像、文字）的大小不使用固定像素，而是采用相對單位（如百分比或vw、vh），以便在屏幕尺寸變化時，這些元素的大小也相應調整。
- 彈性圖像：為了讓圖像在不同設備上均能適當顯示，我們可以用CSS設置圖像的最大寬度為其容器的寬度，這樣圖像可以在容器內自動調整大小，不會超出範圍。
- 媒體查詢：這是響應式設計中的核心技術。媒體查詢讓我們能夠根據裝置的特點（如屏幕寬度、高度、像素密度）適用不同的CSS規則。這意味著我們可以為特定裝置或屏幕尺寸設計專屬的佈局和樣式。
AWD和RWD網頁設計有何區別？
AWD英文名稱為Adaptive Web Design，中文名稱則叫做自適應網頁設計。欲判斷AWD與RWD，最簡單的判斷方式為觀察網址，RWD手機版／電腦版的網址皆呈現www；AWD的手機版網站則會出現m開頭的網址。
AWD、RWD比較
