Html 使标题和幻灯片适合100%的屏幕大小

我想标题和幻灯片（我的网站的前两个元素）适合100%的屏幕大小，无论屏幕大小是什么。我尝试过使用100vh，但是一旦你在移动设备上打开站点，视口的大小就不会考虑地址栏和页面控件。正因为如此，我现在尝试使用flex和height:100%结合使用，但这也不起作用

下面是一个我想要得到的例子-（无论屏幕大小如何，标题和幻灯片始终与屏幕完美匹配）

。滑动头包装器{
身高：100%；
最小高度：100%；
显示器：flex；
弯曲方向：立柱；
}
.收割台顶杆包装器{
高度：167px；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
}
.滑动连接{
弹性：1；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
}
html，
身体{
身高：100%；
}

///标题代码在这里////
///滑块代码在这里////

您是否尝试过使用清单文件？？（请参阅显示器部分）