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

Question

当我改变页面的高度以显示垂直滚动条时，页面上的一个 div 元素会伸出，页面底部会出现一个空白块。当前站点在这里：

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;你应该会看到多余的间距消失了。您无需禁用滚动条。我希望这会有所帮助。