Html 为什么min height 100%不适用于我的部门？

嗨，我的css代码有问题。我必须将我的滑块的最小高度设置为最小100%高度，但这与我的工作方式不同。为什么?

我需要这个，因为我必须把我的滑块文本，如果屏幕的高度不够，我需要滑块的面积自动扩大。因此，这意味着整个页面应在浏览器的最小100%高度上作为滑块工作，但如果没有足够的位置，滑块应自动展开。。。。我希望我能解释清楚。谢谢你的帮助

MyCodeSandbox：

我的代码

html，正文{
身高：100%；
}
.容器液体{
最小高度：100%；
}
#转盘取样指示器，.转盘项目{
最小高度：100%；
}

SPŠIT|DOD

使用vh（相对于视口高度）单位，而不是%，vh相对于屏幕高度

例如：

.carousel-item {     
  min-height: 100vh; 
}

---

#旋转采样指示器，.carousel项目{最小高度：100vh；}

这是我真正的项目：。。。。当您将其尺寸调整为手机版时-当高度非常低时，您将看到此建议不起作用，因为您将例外请查看此页面。这是我真正的项目。我像你以前写的那样使用它。但当您调整高度（例如移动分辨率）时，文本溢出且容器未展开：（@YoungL.您的网页中没有该类，您是否按原样复制了该类？如果是，则该类将不起作用，您需要将其添加到网页

.carousel item{min height:100vh；}中的元素中

我相信这是您需要的！不，我确实这样做了，当高度小于text+img高度时，它会在较低的高度资源中剪切我的text+按钮：/