Html 如何根据屏幕大小使引导中的部分具有不同的高度

我一直在用bootstrap制作一个网站，并试图使用部分来分隔部分。但是，在大屏幕上，文本和部分末尾之间的空间过大，而在小屏幕上，文本运行部分？在css中，每个部分都有一个设定的高度，我相信这与css有一定关系

这是我用来创建部分的网站，因此它与我的类似：

---

谢谢

首先，我不建议从学校复制和粘贴。他们的代码非常基本，使用它可能会有设计缺陷，这取决于您的网站和样式

---

要解决您的问题，您必须添加您正在谈论的代码。作为对它的概述，scrollspy不需要高度和直径。我建议删除样式表中的任何高度。在指定区域内滚动的任何内容都将是高度。如果删除高度不起作用，请发布您的代码，以便我可以用更直接的解决方案回答您。

您可以使用

相对定位值，如
100vh
，而不是将最小高度设置为
绝对值，如
500px
，这意味着，它将采用浏览器可见窗口的高度。要了解更多有关（
vh
和
vw
单位）的信息，请访问，以使各部分的高度与浏览器视口的高度一致。请参考下面的例子

但有时节高度会小于节的文本高度，从而导致溢出，为了防止溢出，我们使用属性
max height:fit content
，该属性将根据节内内容设置高度，因此，当超过最小高度时，我们可以将其用作回退，并防止任何文本溢出的可能性！
html，正文{
身高：100%；
宽度：100%；
}
#第1节{填充顶部：50px；最小高度：100vh；最大高度：适合内容；颜色：#fff；背景色：#1E88E5；}
#第2节{填充顶部：50px；最小高度：100vh；最大高度：适合内容；颜色：#fff；背景色：#673ab7；}
#第3节{填充顶部：50px；最小高度：100vh；最大高度：适合内容；颜色：#fff；背景色：#ff9800；}
#第41节{填充顶部：50px；最小高度：100vh；最大高度：适合内容；颜色：#fff；背景色：#00bcd4；}
#第42节{填充顶部：50px；最小高度：100vh；最大高度：适合内容；颜色：#fff；背景色：#009688；}

引导示例











第一节
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

第二节
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

第三节
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

第4节子菜单1
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

第4节子菜单2
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

在此显示一些代码，您到目前为止都做了些什么？