RWD響應式網頁
Responsive

響應式網頁設計

響應式網頁設計(Responsive Web Design)簡稱RWD,也稱做回應式網頁設計、自適應網頁設計。

現在普遍的智慧型行動裝置,智慧型手機、平板電腦或是小筆電,因螢幕的寬度(螢幕解析度)大小不同,網站在裝置上顯示都不同,這是因為當初這些網頁是設計給電腦螢幕來瀏覽的,又電腦螢幕與手機的裝置以及人們的閱讀習慣都不太相同,所以往往會不方便智慧型手機、平板電腦閱讀。

響應式網頁設計,利用新的網頁製作技術,將網站的排版隨著智慧型行動裝置的螢幕大小自動改變排版,讓一個網站適應多個螢幕大小,讓網站的使用者閱讀起來順暢,網站看起來更美觀,但是考慮到版面的自動流動性排版,在設計過程中會比一般的網站來得花時間,必須仔細的顧慮到每一個環節,才能夠讓一個好的網站在任何裝置上都能以最好的型態呈現在使用者的裝置上。

常見的桌電上型電腦與筆電螢幕的解析度

  • 1920×1080
  • 1680×1050
  • 1280×1024
  • 1366×768
  • 1280×800

常見智慧型行動裝置的解析度

  • 1366×768
  • 768×1280
  • 640×960
  • 480×800
  • 360×640