html - 为什么出现垂直滚动条时我的 div 的大小会发生变化？

Question

当我更改页面的高度以显示垂直滚动条时，页面上的一个 div 元素会拉伸(stretch)开，并且页面底部会出现一个空白 block 。当前站点在这里:

http://cliqups.herokuapp.com/

我应该怎么做才能停止调整 div 的大小？我应该完全禁用垂直滚动条吗？

为了后代，我添加了一些屏幕截图。

没有滚动条:

带滚动条:

Answer 1

这是您在/assets/application-67b0f50f40b31242c0515ffd40544866.css 文件中的罪魁祸首，@media-queries css 在特定屏幕高度启动。

@media screen and (max-height: 855px)
    div#wrapper div.container div.sign-up {
    margin-top: 271px;
    }

找到这一行，去掉margin-top: 271px;你应该看到额外的间距消失了。您不需要禁用滚动条。我希望这会有所帮助。