RWD 與 AWD 是為現今大多數人們習慣使用手機、平板等行動裝置上網而生的 CSS 寫法，讓網頁設計無論在桌機螢幕上、或是尺寸較小的行動裝置上，都能清楚的呈現，讓使用者能更舒服的瀏覽網頁。
RWD (響應式網頁設計) 與 AWD (自適應式網頁設計)的差異，以前端程式設計來說就是RWD就只有一套 CSS 、而AWD卻有多套 CSS 檔案。
以RWD來說，當使用者打開了網頁，就能即時透過網頁的寬度，決定要套用到 CSS 中的哪一個樣式。
而AWD就需要前端工程師撰寫的程式，來判斷使用者是使用哪種裝置開啟網頁，再自動匯入相應的CSS檔案
優缺點比較
RWD優點
1.前期開發成本較低
因為無論是桌機、手機的樣式，全都只塞在同一套 CSS 檔案，所以開發成本較低，適合內容較單純的網站、新創公司或是個人工作室使用。
2.SEO更方便
一致的介面體驗，解決了後台管理以因應不同的裝置頁面，而且有著單一URL網址能增進SEO的效果。
3.內容維護容易
同一套CSS檔案，內容維護人員上傳資料只需要上傳一次即可，以降低人員的工作量。
RWD缺點
1.長期營運後網站容易變慢
RWD 網頁的機制是將資訊先下載後，再根據裝置大小重新排列，當CSS層級和資訊量過多的時候，很容易就變慢。尤其是中大型的資訊站/購物站，更要考量版面結構上的變動。
2.維護耗時
全部的樣式碼都塞在同一套 CSS 裡面，在前端程式維護上較不容易，常常需要花大量時間搜索對應程式。若遇到需要修改的狀況，很可能修改某個樣式碼，卻影響到其他不需要修改的部份。
3.版面較為單一
因為套同樣一組CSS樣式，無法針對行動裝置做圖片顯示的最佳化，所以只適用於較簡潔的畫面與排版。視覺上以電腦端為主，進而依不同的裝置改變版面大小。
AWD優點
1.行動裝置網頁載入更快
針對行動裝置優化，將原本的大圖縮減成最合適的尺寸，減少不必要的大圖，以提高手機版的速度。
2.版面多元
有利於 UI/UX視覺上的呈現；網站內容多、圖文排版較複雜時，就適用 AWD，可針對不同的瀏覽介面而做出對應的 UI/UX，讓介面更美觀好用、給使用者更佳的網頁瀏覽體驗。
AWD缺點
1.建置費用及維護成本偏高
AWD等於就是額外再開發半個站的概念，需工程師撰寫讓網頁自動感應載具而套用對應 CSS 的程式。若有三種尺寸的網站，在網址上就會需要做特別的管理，比較常見的是在手機上有多一個 m.xxxx.com 開頭的網域。不管是前端工程師維護還是後端人員內容管理都需要花2倍工以上。
RWD跟AWD該怎麼選擇?
RWD
RWD在桌機、手機內容維護的是完全一樣，所以比較適合內容單純的網站；如簡單的企業形象網站、一頁式網站等等。
AWD
適合版面結構復雜，例如誠品、PCHOME、yahoo、博客來等。大型購物網站、入口網站比較適合AWD，AWD可以針對手機版做更有效的配置與使用者體驗。
2.依預算/時間而定
RWD在上線後的維護是比較容易的，AWD維護上較繁瑣，上線前的製作成本AWD高於RWD，所以如果您製作與維護上的考量，還是選擇RWD比較划算一點點。
時間的上AWD的開發時間多於RWD。但上線後的前端的修改及開發AWD比RWD容易。
3.是否更重視移動端使用者體驗
如果更重視手機版的使用者體驗，那就建議用AWD製作。因為RWD為了同時滿足各種設備的適應性，會犧牲畫面與功能。而AWD是依造不同的裝置量身打造不同的前端介面，使畫面更為友善。若希望不同裝置可以得到更棒的體驗，AWD是優於RWD的。
