Javascript 如何根据屏幕大小更改滑块和窗体高度

我想在中大屏幕上的滑块上显示一个表单，它工作正常，但在小屏幕和超小屏幕上，我发布了一个屏幕截图 我想要这个 在超小屏幕上，随着表格高度的增加，我要做的事情会自动向下移动 但在这种情况下，它们是重叠的

#滑块{
宽度：自动；
填充：0px；
}
#形式{
宽度：920px；
身高：100%；
}
.小组{
背景：rgba（255，255，255，0.6）；
盒影：rgba（0,0,0,0.3）20px 20px 20px；
}

搜索与书籍
名称
电子邮件
电话号码
……我想你想要的是高度：100vh。Vh相对于视口高度的1%，因此它将填充整个屏幕

有关CSS单元的更多信息，您可以访问W3学校。
我想你想要
高度：100vh
。Vh相对于视口高度的1%，因此它将填充整个屏幕

有关CSS单元的更多信息，您可以访问W3学校。
超小屏幕窗体与下分区重叠超小屏幕窗体与下分区重叠