如何修复浏览器中的容器压缩（不占用可用空间）

Question

我正在尝试在我的主页中显示一个网页。提供的导航链接工作正常，但页面没有占用可用空间。它被压缩到一定高度，并在该高度内的可滚动视图中。

我添加了高度：-webkit-fill-available;它有效，并且类似地为 mozilla 添加了 -moz 但似乎不是真正的修复。有什么我可以通过改变弹性条件来解决这个问题的吗？

我用的是下面的样式

style={{ 
display: "flex", 
height:"100%", 
flexDirection: "column",
flex: "auto" 
}}

预期： 网页必须完整显示，而不是在高度压缩的容器内显示

Answer 1

我不知道它是否能解决您的问题，但您似乎正在使用 flexbox，在这种情况下，您可以使用 align-items: stretch 来拉伸 flex 项目。