CSS 动态视口单位：dvh/svh/lvh 与软键盘适配

概述`dvh/svh/lvh` 表示动态、最小与最大视口高，在软键盘弹出、地址栏变化等场景下更准确地反映可用高度，用于避免 `100vh` 在移动端的遮挡问题。用法/示例.screen { min-height: 100dvh } @supports not (height: 100dvh) { .screen { min-height: 100vh } } 工程建议在输入场景优先使用 `dvh` 以适配软键盘；在沉浸式页面根据需求选择 `svh` 或 `lvh`。配合 `VisualViewport` 观察几何变化，做微调与滚动控制。为旧环境提供回退，并在关键容器上测试旋转与地址栏显隐。参考与验证MDN：Viewport units — https://developer.mozilla.org/docs/Web/CSS/length#viewport-percentage_lengthsweb.dev：Viewport units — https://web.dev/articles/viewport-units