手機的螢幕比較小,目前最大的手機解析度是在位於640px,而平板則是在980px左右,電腦寬螢幕尺寸是1920。同樣內容傳統網頁已經無法支援這樣的技術了!很多傳統網頁還是堅持使用Flash技術,導致很多使用行動裝置的使用者根本沒辦法看到網頁中的內容,第一直覺當然是直接關閉網頁呀!
有一些傳統網頁想要保持原網頁不動,所以有一些網頁公司會建議的解決方式是為不同的裝置提供不同的網頁,如專門做一個獨立的手機板網頁設計。這樣做的確是可以達到良好的瀏覽效果,但維護上比較麻煩就必須維護兩個網頁,對於工程師來說是很費工的一項工作,於是RWD響應式(多螢幕顯示)跨平台自適應技術(Resposive Web Design)就誕生了,早期流行在美洲國家,近年來台灣開始流行趨勢。
響應式網頁設計(Responsive web design),又稱自適應網頁設計、Google又稱為回應式網頁設計,是為了能適應使用者的螢幕解析而出現的技術。
只需要製作一個網頁就可以自動適應所有使用者螢幕裝置,讓網頁適應不同大小的解析度自動適應使用者螢幕並自動調整排版。