在 CSS 中，我们除了可以设置一个元素的高度固定值，还可以使用屏幕的高度比例属性进行设置。

这个属性就是

vh

，表示视口高度的百分比。

比如，如果我们想让一个元素在屏幕的 50% 高度的位置显示，我们可以这样写：

height: 50vh;

这样，无论用户的屏幕尺寸如何，该元素的高度都将是视口高度的 50%。

除了

vh

，还有一个属性是

vw

，表示视口宽度的百分比。使用方法和

vh

类似。

需要注意的是，在移动端上使用

vh

和

vw

属性比在桌面端上更为常见，因为移动设备尺寸千差万别，使用这两个属性可以更好地适配不同分辨率的屏幕。

总之，

vh

和

vw

属性可以帮助我们更灵活地控制元素的高度和宽度，适应不同屏幕尺寸，让网页呈现的效果更加美观、统一。