RWD 響應式網頁設計 ● Responsive Web Design 簡稱RWD，又稱為自適應網頁設計、回應式網站設計

RWD響應式網頁設計是指網站能跨平台使用，自動偵測使用者上網的裝置尺寸，能針對不同螢幕尺寸而自動調整網頁圖文內容， 讓使用者在用手機瀏覽您的網站時，不用一直忙著縮小放大拖曳，給使用者最佳瀏覽畫面。

為因應大量增加的移動平台用戶，自2014年起網頁設計開發技術的趨勢，網站使用CSS3，以百分比的方式以及彈性的畫面設計，因應不同設備與解析度 改變網頁的佈局排版，提供最佳的視覺體驗與最方便的網上操作。

RWD響應式網頁的優點 ：

1、三機一體 完整呈現：

網頁設計使用最新的HTML5與CSS3技術，網站會因應桌機、平板、手機設備的不同而產生相對應的畫面，客戶不需要額外 花錢設計手機版網站。

2、更親近瀏覽者：

APP需從應用程式商店中下載安裝，方便性與實用性比不上直接瀏覽網頁，RWD的設計更加貼近使用者。

3、開發費用更低：

RWD網頁設計一套程式適用桌機、平板、手機等各種設備，APP的開發需投入大量資金，可能還要同時開發iOS與Android兩種 版本，費用高出許多。

4、網站維護成本低：

以前的網站，除了分開製作電腦版與手機版網站，維護網頁的工作也是除了電腦版與手機版分開處理，等於做兩次工；RWD網頁技術 僅需新增維護一次內容，便可同時更新三種平台的裝置，省時省工。

RWD響應式網頁的缺點：

1、舊IE瀏覽器不適用：

RWD網頁技術已開發最新的程式技術，所以瀏覽器太舊的版本(IE7以下)不支援。

2、手機瀏覽的介面不能太過複雜：

手機畫面寬度較窄，網站設計時內容不能太過複雜，否則容易造成載入速度慢；也不好瀏覽。

3、開發時間較長：

RWD網頁設計所開發的程式，同時要符合多裝置都相同呈現，故所花費的開發時間一定比較多。