---
# System prepended metadata

title: RWD配置

---

# RWD配置
### 搭配所有單位以rem取代px做到RWD效果

```
html {
  font-size: 16px;
  @media screen and (max-width: 1024px) {
    font-size: 14px;
  }
  @media screen and (max-width: 768px) {
    font-size: 11px;
  }
  @media screen and (max-width: 400px) {
    font-size: 8px;
  }
}
```