html - 如何在针对不同屏幕高度(移动设备)使用溢出滚动时解决 CSS 中的最大高度问题？

Question

我需要在 div 上使用 overflow scroll CSS 属性以使其可滚动，但刚刚意识到要使其工作我必须使用 max-height 或 height 属性。

In order for overflow to have an effect, the block-level container must have either a set height (height or max-height) or white-space set to nowrap.

但问题是，当我考虑一个移动屏幕设置最大高度/高度时，它不会为其他屏幕创建相同的预期 View (我希望文本占据整个移动屏幕然后溢出)

我有点新手，正在努力学习，有人可以帮忙吗？？

Answer 1

正如 Jakob E 在他的评论中提到的，height: 100vh; 应该适用于现代浏览器。

您还可以使用百分比作为高度，使其相对于容器，这样类似 height: 100%; 的设置也应该有效。