vh是CSS中的一个相对长度单位，代表视口高度（viewport height）。它表示视口高度的百分比，例如，一个元素使用“100vh”作为其高度，相当于将其高度设置为视口的百分百。
使用vh作为单位可以帮助我们将元素的大小与视口的大小相匹配，使得网站在不同设备上都能够表现良好。例如，在移动设备上，我们可以使用vh来确保元素不会超出屏幕，而在较大的设备上，我们可以使用这个单位来调整元素的大小，使得它们更加适应屏幕。
/* 使用vh来让元素占据整个视口高度 */ .element { height: 100vh; }
需要注意的是，vh是相对于视口高度来计算的，因此在页面有滚动条时，滚动条占据一定的视口高度，也会影响元素的大小。此外，一些较老的浏览器可能不支持vh单位，因此在编写CSS时需要进行兼容性处理。
总体来说，vh是CSS中一个非常实用的单位，能够帮助我们快速地将元素的大小与视口相匹配，提高网站的可用性和用户体验。