使垂直敏感的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()); 
});