[分享]css中40vh什么意思

CSS中40vh是指占据可视窗口高度的40%。vh是Viewport Height的缩写，表示视口的高度。

div{
  height: 40vh;
} 

以上代码表示将div元素的高度设置为可视窗口高度的40%。

使用vh单位可以帮助我们在不同设备上保持元素的相对大小，因为它们是基于视口的大小，而不是基于设备的分辨率。例如，在一个高度为1000像素的设备上，40vh将相当于400像素的高度，而在一个高度为500像素的设备上，40vh将相当于200像素的高度。

在响应式设计中，vh单位也可以用于设置响应式元素的高度。例如，在移动设备上，可以将图片的高度设置为30vh，以便在大屏幕和小屏幕上都能保持适当的比例。