vw = 视口宽度的 1%,vh = 视口高度的 1%。做全屏首屏、自适应间距时常用来替代写死的 px。选择模式并填入基准视口尺寸即可换算。
| 设备 | 宽度(px) | 典型 vw 示例 |
|---|---|---|
| 手机 | 360–414 | 100vw ≈ 360–414px |
| 平板 | 768–1024 | 50vw ≈ 384–512px |
| 笔记本 | 1280–1440 | 50vw ≈ 640–720px |
| 桌面 | 1920 | 50vw = 960px |
换算公式:vw = px ÷ 视口宽度 × 100;px = vw ÷ 100 × 视口宽度(vh 同理用高度)。