Page langing dimensions?

Question

css

Typically, a landing page consists of slides, each of which is the size of a screen.
Example: https://rocketbank.ru/
In addition, such pages are also adaptive.

How is the size of one slide calculated? With CSS or JS? Maybe there is a jQuery library for such purposes?
What do you advise?

Thank you in advance!

Answer 1

You can write a simple Js function that will calculate the height of the screen and assign it to a specific class

$(document).ready(function() {        
      $('.fullscreen').height($(window).height());    
      $(window).resize(function() {
        $('. fullscreen').height($(window).height());
      })
    });

then set the class for the required blocks and their height will be equal to the current size of the browser window

<div class="fullscreen">
</div>

Answer 2

" vh and vw " google