[Web] RWD 與 CSS Media Queries

因應現在各種行動裝置還有電腦螢幕解析度的不同，寫網頁時的版面就變得很麻煩~
查了資料發現可以利用 CSS Media Queries 來解決這個問題

資料來源：

• Responsive Web Design 簡單介紹與優缺點、實作入門

• CSS3 Media Queries 詳細介紹與使用方法，Responsive Web Design 必備技術 

• CSS 連這個也辦的到?! 淺談 CSS media queries 

• CSS3 @media Rule 

首先要先談到 Responsive Web Design (RWD) ，這個技術可以讓網頁在不同的解析度下，有不一樣的呈現。最大的優點就是可以針對不同的 Device 做調整。
實作上可以使用：CSS Grid System 與 CSS Fluid Grid System 網頁版面 或是 CSS Image max-width （Flexible image）調整圖片 或是 CSS3 Media Queries