html - 屏幕较短时页面顶部消失

Question

引用 this Bootstrap 模板。

当您使屏幕高度变短时，顶部会消失。 See this image for demo.它在看不见的意义上消失了，即使滚动到顶部也无济于事。有人可以解释为什么会发生这种情况以及如何更改此行为，以便即使在屏幕很短的情况下也可以访问整个页面？

Answer 1

将max-height:100%;添加到.form-signin

.form-signin {
width: 100%;
max-width: 330px;
padding: 15px;
margin: 0 auto;
max-height: 100%;
}