css3最小高度满屏

CSS3最小高度满屏是一种让网页元素最小高度自适应满屏的方法。这个方法可以让网页设计者更好的控制元素在不同设备和屏幕大小下的布局。

实现最小高度满屏最常用的方式就是通过CSS3中的属性min-height来实现。代码示例如下：

body {
  min-height: 100vh;
}

在上面的代码中，"vh"是视口高度的单位，意思是占据整个视口高度的百分之一。因此，上述代码设置body元素的最小高度为整个视口高度。

除此之外，可以通过CSS3中的flex布局来实现最小高度满屏。代码示例如下：

  

    
content
  

在上面的代码中，通过设置body的display属性为flex，使body元素变成了一个flex容器。然后，通过设置.container元素的flex属性为1，将其拉伸至整个视口高度，同时，设置.content元素的flex属性也为1，则.content元素的高度也会自动填充整个容器的高度。

综上所述，CSS3最小高度满屏是一个实现网页布局自适应的重要方法，可以通过min-height属性或者flex布局来实现。