使垂直敏感的div - 引导

Question

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

See my code example here

所以不显示滚动条，我用

body { overflow: hidden; } 

Answer 1

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

Answer 2

您可以使用JavaScript，每当您调整页面大小时，都会更改div高度。这个解决方案可以在任何浏览器中正常工作。

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