根據 Google 的統計，將近60%的人們使用手機瀏覽網站，而且比例越來越高。這時候如果沒有重視網站在手機上的呈現效果，可能會流失相當多的潛在客戶。目前手機上的網站分為兩大趨勢：響應式網站（Responsive Website Design，簡稱RWD）及自適應網站（Adaptive Web Design，簡稱AWD）。
響應式網站設計（RWD）
網站會依螢幕大小縮放，至多會有5～6種尺寸大小的分別，這是目前最常見的網頁設計方式，也是趨勢。
優勢：不論在任何裝置上都有一致的介面體驗，解決了網站佈局上的管理，有著單一的網址能增加 SEO 的效果。
劣勢：縮小的過程，更要考量結構上的變動。當網站內容層級和資訊量很多的時候，呈現的東西就有限。
對響應式網站來說，是將電腦版網頁設計經由縮放時變成平板、手機不同裝置大小的網站，思考途徑是由大到小。
自適應網站設計（AWD）
針對電腦、平板、手機來分別做三種尺寸的網站，最強調行動優先（Mobile-First），在響應式網站還沒盛行的時候，主要以此種類型為主。
優勢：專門為手機而設計，充分優化了功能。
劣勢：開發成本高，維護要花2倍功夫，無法完全符合到各種螢幕大小，所以在一定範圍內還是要有一點響應式的設計。而因為有三種尺寸的網站，在網址上就會需要做特別的管理，比較常見的是在手機上有多一個 m.xxxx.com 開頭的網域，看起來就會有好多個網站。
而以自適應來說，由於是從小、中、大，分別來思考，依每種大小來思考什麼是最精簡的核心內容了，讓這個核心內容透過不同的方式呈現。
自適應網頁設計強調服務行動上網的用戶，基礎的顯示必須要正確呈現，但進階的功能就會受到限制，所以行動用戶所看到的不僅是排版上的差異，連內容都有受到限制。
延伸閱讀：
