---
# System prepended metadata

title: 2023-03-03 RWD
tags: [RWD, HTML, CSS]

---

# 2023-03-03 RWD
###### tags: `HTML` `CSS` `RWD`
```css
.box{
    ...
}
@media screen and (min-width: 768px) {
    ...
}
@media screen and (width >= 1200px) {
    ...
}
```

| 裝置     | 解析度   |
| -------- | -------- |
| 手機     | 768px以下|
| 平板直向md     | 768以上  |
| 平板橫向lg  | 1024 以上|
| 桌機xl}     | 1200px以上|