RWD 網頁設計

RWD 網頁設計 Responsive Web Design 是目前很熱門的網頁設計方式，最主要是運用 CSS 3 中一些新的屬性 (Media Queries) 來達成。

什麼是RWD呢，它會讓網頁依照使用者螢幕的尺寸進行調整，所以在網頁設計師在規劃網頁的排版時就必須針對不同的尺寸排版，一般來說我們會規劃三到四個尺寸以符合電腦、平板、行動電話等，這樣子不論USER是用什麼樣的載具都能夠正常的瀏覽網頁，如下三張圖是同一個網頁，隨著瀏覽器的大小會自動調整至適當的尺寸版面

電腦

平板

手機