css3 height 屏幕高度

CSS3中的height属性是用于设置元素的高度的，它可以使用像素、百分比、em等单位进行设置。除了这些常见的单位，它还可以使用vw和vh这两个相对单位，它们分别代表视口宽度的百分比和视口高度的百分比。

使用vw单位可以很容易地实现宽度随视口大小变化而变化的效果，而使用vh单位则可以实现高度随视口大小变化而变化的效果。

/* 将元素的高度设置为视口高度的50% */.element {
      height: 50vh;
}

该代码将元素的高度设置为了视口高度的50%，也就是说，无论浏览器窗口的高度是多少，该元素的高度都将等于视口高度的50%。

当然，也可以将height属性设置为100vh，这样可以让元素的高度始终等于视口的高度，从而实现全屏效果。如下代码所示：

/* 将元素的高度设置为视口高度 */.element {
      height: 100vh;
}
    

以上就是CSS3中height属性的介绍以及使用vh单位实现屏幕高度控制的方法。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！