流體設計(Fluid Design) - daniel-qa/Vue GitHub Wiki

Fluid（流體）核心工具
├─ 相對單位
│  ├─ %（百分比）→ 基於父容器
│  ├─ em（相對字體）→ 繼承 font-size
│  └─ rem（相對根字體）→ 只看 html 的 font-size
│
├─ 彈性佈局
│  ├─ flex → 一維空間分配
│  ├─ grid → 二維自動排版
│  └─ gap/justify-content → 智能間距
│
├─ 視窗單位
│  ├─ vw/vh → 相對螢幕寬高
│  ├─ vmin/vmax → 取較小/較大邊
│  └─ ⚠️ 注意：行動裝置有坑（用 100dvh）
│
└─ 約束函數
   └─ clamp(min, ideal, max) → 自動限制範圍