css中怎么表示屏幕高度

CSS是网页设计中必不可少的一部分，可以通过CSS控制网页的样式和排版。在CSS中，我们经常需要获取屏幕的尺寸来进行页面布局和响应式设计。今天我们来探讨一下如何在CSS中表示屏幕的高度。

/* 通过vh单位表示屏幕的高度 */
height: 100vh; 

vh是视口高度(viewport height)的缩写。1vh表示视口高度的1%，100vh表示视口高度的100%。因此，我们可以使用height属性和100vh来表示屏幕的高度。

/* 去除页面滚动条，并设置页面高度为视口高度 */
body {
  overflow: hidden; /* 去除滚动条 */
  height: 100vh; /* 设置页面高度为视口高度 */
} 

上面的代码还可以用来去除页面的滚动条，这在某些场景下非常有用。

除了vh以外，还有一种表示屏幕高度的单位是百分比（%）。但是，%表示的高度并不是视口高度，而是容器的高度。因此，%在表示屏幕高度时并不太常用。

总结起来，通过vh表示屏幕高度是一种常用的方法，它可以使我们在响应式设计中更方便地布局页面。当然，在实际开发中，我们还需要注意一些兼容性和其他问题。