什麼是響應式 (RWD) 網頁，跟上趨勢你一定要知道！

響應式網頁設計(Responsive Web Design)簡稱RWD，又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計。

隨著智慧型手機的普及，越來越多使用者用行動裝置上網，為了讓網頁在不同裝置 (手機或平板) 也可以輕鬆瀏覽網頁，不會產生文字圖片太小、跳版...等等問題，選擇響應式的網頁設計(Responsive Web Design)是個很不錯的方式。

響應式網頁概念於2010年5月由國外著名網頁設計師Ethan Marcotte所提出的概念，以百分比的方式以及彈性的畫面設計，在不同解析度下改變網頁頁面的佈局排版，讓不同的設備都可以正常瀏覽同一網站。

簡單的來說讓網站可以針對不同設備(桌機、筆電、平版、手機)等不同尺寸螢幕瀏覽網頁時，提供網頁畫面最符合比例的排版方式，因此不再有因更換裝置而產生網頁畫面太小、字太小、空白太多...一些畸形比例的畫面出現。



用案例更理解什麼是響應式網站，請拉動螢幕大小觀看效果，隨著螢幕的拉動文字及圖片都會重新排版。