请解释 CSS 中 rem、em、px、vw、vh 这些单位的区别，并说明各自适用的场景。

回答思路

1. 准确说明各单位的计算基准（px 固定、em 依赖父级、rem 依赖根元素、vw/vh 依赖视口）
2. 举例说明 rem 与 em 在嵌套元素中的行为差异
3. 能针对响应式布局、字号缩放、全屏元素等场景选择合适的单位
4. 指出 vw/vh 与百分比在视口相关场景中的区别