【问题标题】：Make a div vertically responsive - bootstrap使 div 垂直响应 - 引导
【发布时间】：2014-11-17 15:45:30
【问题描述】：
我希望<div> 将其高度 a/g 调整为浏览器的高度。这可能吗？
如果浏览器的高度降低（比如模拟平板电脑/手机中的视图），则登录按钮不可见。
See my code example here
为了不显示滚动条，我使用了
body { overflow: hidden; }
【问题讨论】：
标签：
css
twitter-bootstrap
twitter-bootstrap-3
【解决方案1】：
您可以将视口百分比长度与min-height 和min-width 属性结合使用。 VW 是视口宽度，VH 是视口高度。因此，min-height: 100vh 是视口的完整高度。 The documentation on MDN 会给你更多信息。
【解决方案2】：
您可以使用 javascript，每当您调整页面大小时，您都会更改 div 高度。此解决方案适用于任何浏览器，没有任何问题。
$(window).resize(function() {
$('#your_div_id').height($('body').height());
});