使div垂直响应 - bootstrap

Question

我希望<div>将其高度a / g调整为浏览器的高度。这可能吗？ 如果浏览器的高度降低（例如模拟平板电脑/手机中的视图），则无法看到登录按钮。

See my code example here

为了不显示滚动条，我使用了

body { overflow: hidden; }

Answer 1

您可以使用javascript，每当您调整页面大小时，您都可以更改div高度。此解决方案可以在任何浏览器中正常运行。

$(window).resize(function() {
  $('#your_div_id').height($('body').height());
});

Answer 2

您可以将视口百分比长度与min-height和min-width属性结合使用。 VW是视口宽度，VH是视口高度。因此，min-height: 100vh是视口的完整高度。 The documentation on MDN会为您提供更多信息。