RWD - 響應式網頁設計

響應式網頁設計 (Responsive Web Design，簡稱 RWD) 是一種網頁設計方法，讓網站能夠在不同尺寸的設備上都能提供良好的使用體驗。響應式網頁設計是指網頁能夠：

• 自動適應不同螢幕尺寸: 從手機到桌機都能正常顯示。
• 提供最佳使用體驗: 在任何設備上都易於瀏覽和操作。
• 一套樣式多種顯示: 不需要為不同設備製作不同版本。

測試工具

檢測響應式網站的工具，能在實作、除錯、驗證網站響應式效果時，選擇最合適的工具與方法。

可視範圍定義

定義瀏覽器可視區域，也就是告訴瀏覽器，讀取這個 html 時，可視區域有多大，於是瀏覽器就會根據 Viewport 的設定去調整。影響了排版、字體大小、縮放等所有畫面呈現。

媒體查詢語法

掌握媒體查詢的各種寫法和應用，讓裝置的條件套用不同樣式的功能。

最佳實踐

深入了解如何設定合適的斷點。