Viewport Units 与现代动态视口单位 | CSS

本章覆盖：`vw`；`vh`；`vmin`；`vmax`；mobile browser address bar 导致的 viewport 高度问题；`svh`；`lvh`；`dvh`；全屏页面 / modal / hero 区的使用；与 `%` 高度的区别；兼容性与 fallback。

本章知识点

  • vw
  • vh
  • vmin
  • vmax
  • mobile browser address bar 导致的 viewport 高度问题
  • svh
  • lvh
  • dvh
  • 全屏页面 / modal / hero 区的使用
  • 与 % 高度的区别
  • 兼容性与 fallback