什麼是RWD響應式網頁設計?

響應式網頁設計(Responsive web design,RWD)

是一種網頁設計的技術做法

於2010年 Ethan Marcotte 所提出

其設計核心概念就是,針對不同的載具(桌電、筆電、平板、手機等等)的螢幕尺寸

進行內容排版上的調整,使網頁在任何螢幕大小下都能夠良好閱讀

避免使用者閱讀時,還要手動進行縮放、平移和捲動等操作行為,提高用戶體驗

RWD所帶來的好處?

早期網頁開發是將電腦版與手機版分開開發

當RWD概念與技術開始盛行後

一個網頁可以自適應各種不同的裝置

每家手機廠牌裝置大小都不太一樣

如果一種裝置一個網頁的話就會花費許多開發成本

RWD大大降低網頁開發成本 以及 提升使用者體驗

總結

智慧型手機普及,帶動了RWD的普及

響應式設計現今已經成為網頁的標配

更多資料:

RWD維基百科

RWD技術文章