css vh单位介绍

vh，它代表“视窗高度（Viewport Height）”的单位。

vh 单位解释：

• vh：是一种相对单位，其中 1vh 等于浏览器视窗高度的1%。因此，100vh 等于整个视窗的高度。

使用 vh 单位的场景：

1. 全屏布局：设置元素的高度为 100vh，可以使元素高度占满整个浏览器视窗。
2. 响应式设计：使用 vh 单位可以创建根据视窗大小变化的布局，提高页面的响应性。
3. 高度比例：在需要元素高度与其他元素或视窗成比例时使用。

示例：

.full-screen {
  height: 100vh; /* 元素高度占满整个视窗 */
}

.half-screen {
  height: 50vh; /* 元素高度为视窗高度的一半 */
}

注意事项：

• 使用 vh 单位时，需要注意视窗高度可能会因为滚动条的出现而变化。
• 对于非常小的数值，使用 vh 单位可能会导致高度计算不精确，出现小数点。
• 在某些情况下，可能需要结合 min-height 或 max-height 属性来确保元素的可读性和布局的合理性。

如果您是想表达 dvh，这可能是一个打字错误或特定上下文中的简写。在标准的CSS单位中，应该使用 vh 来表示视窗高度的百分比。