如何设置View的高度响应式？

Question

我有 2 个静态视图：标题和底部导航器（如所附可视化中所述）分别具有 3 rem 和 3.5 rem 高度，我想在它们之间放置一个响应式视图（浅蓝色区域）。响应式视图应该包括带有滚动视图的元素列表视图（绿色的）。 我有两个问题：

1. 如何使绿色视图在两个静态视图之间做出响应？有没有办法计算它的高度，使其在不同屏幕上都相同？

2. 每个绿色元素的高度为 7 rem。如何根据包装视图的高度在不同屏幕上尽可能最大地显示不同数量的（完整）元素？我的意思是，我不希望某种屏幕会在滚动之间剪切元素..

我尝试给出顶部和底部视图的百分比高度，但我希望它们的高度是静态的。

Answer 1

您可以尝试使用“vh”而不是 rem 以获得更具响应性的设计 您还可以根据您的需要添加最小或最大高度，这样元素就不会超过所需的高度