什麼是RWD (Responsive Web Design)

您可能聽過響應式網頁設計、自適應網頁設計、適應性網頁、回應式網頁設計、多螢網頁設計。

隨著智慧型手機、平板電腦的普及化，網頁技術近年來也開始重視各種載具的視覺效果，近兩年許多網頁管理者紛紛注重手機版的網頁，都會要求做一套手機版的網頁，但是另做一套手機版往往跟後台功能配不上。

導致管理者更新網頁內容時就必須更新網站跟手機兩個版本，尤其是靜態頁面網站沒有後台管理系統並且電腦版跟手機版又委託給不同設計公司作網站時，資料修更新就更麻煩了，若網站又同時有多種語言版本，又沒後台，這更新工作更加艱巨，往往導致網站更新作業的緩慢校對困難。



而在2014年網頁設計開發技術的新突破，採用百分比的方式以及彈性的畫面設計，相容於各種不同解析度下改變網頁的佈局排版，在相對較少的預算下做到只需要一套設計樣式，即可讓不同的載具都能瀏覽同一網站，提供最佳的視覺體驗。



RWD最讓客戶糾結的會是為什麼不同載具上面看起來排版或者效果會有些差異，例如：顯示行數，字數排版不一樣，斷行位置不相同，這是因為RWD採用的是百分比排版，瀏覽者使用的載具寬度或者字級顯示大小個別預設值不同都會影響排版顯示。又或者Flash效果 JS 的mouse on(over) 效果在手機都無法同步顯示。



另外，如果您的網站屬於多影片，多圖片，多Java效果，這些影像圖片數據資料在頁面訊息量大，那麼您可能會覺得手機速度慢，畢竟電腦的CPU/RAM的運轉還有上網的上載下載速度是遠高於手機的。