RWD設計原則是什麼? 技術上該如何實現?

RWD 響應式網站設計的實現，主要是得依賴「 CSS3 」的 media queries ( 媒體查詢 ) 技術，借由查詢當前螢幕寬度，進而讓 web 自已取用對應的 CSS 樣式，來改變 web 內容、圖片的版面排版，RWD 也因此才得以實現。此外隨著「 HTML5 」規範日趨成熟，在 HTML5 框架下能得到許多行動裝置資源，例如影片播放、相機攝影、GPS 定位、陀螺儀偵測、動畫繪製...等，都讓 HTML5 成為 RWD、Web App 的開發首選。現今 web 設計著重動畫效果的前題下，「 jQuery 」早已成為不可或缺重要技術，例如選單收合、圖片輪播，彈跳視窗、動畫效果...等，都需仰賴 jQuery 技術。

「 CSS3 + HTML5 + jQuery 」是一個好的 RWD 響應式網站設計不可或缺的技術，不僅僅只是在技術上，在思維上更是需要網頁開發者們的挑戰。