---
# System prepended metadata

title: RWD
tags: [ALPHACampWeek2]

---

###### tags:`ALPHACampWeek2`

RWD 
===

* 如何在 HTML 文件裡定義你的網頁尺寸 - viewport
* 如何為不同尺寸套用不同的 CSS 設定 - media queries
* 什麼時候應該變化網頁佈局 - breakpoint
* 如何運用瀏覽器的 DevTools 來測試 RWD 設定

Mobile First
---
因此，所謂的 mobile first 在 CSS 文件中，就是按照由上而下的設定，最上層的預設 CSS 是最小螢幕的，然後接下來按照 media 尺寸排序，愈往下是螢幕愈寬的設定。 以後若遇到指定使用 mobile first 的規格時，請同學務必注意。