How to set height according to screen resolution?

Question

css

All content is wrapped in container-fluid, but for some reason it does not take up the entire height of the browser window at different screen resolutions. With what it can be connected?

Answer 1

container-fluid should not take up the entire height.
Use vh units. 100vh = 100% of screen height
Good support caniuse.com/#search=vh

Answer 2

container-fluid - means that it will fill the entire width of the window, not the height.

Answer 3

if the container is a direct child of the body and the body has a height: 100% , then specifying such a height to the container will stretch it to the full height, if not a direct child, then you need to specify such a height to all its parents
, or use js , jquery
$('#js-block').height($(window).height());

Answer 4

Try like this:

html, body {
    min-height: 100%;
}