How to make the start page full screen?

Question

css

The site is rubbery and it is not clear how to make the initial page full screen as the final resolution is not known.

Answer 1

.class-wrap {
    min-height: 100vh;
    min-width: 100vw;
}

Answer 2

Remove from img and put in background-image css

.class-wrap {
    background-image: src(myimage.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    display: inline-block;
}

What is not clear, ask

Answer 3

why is it unknown?
take jQuery $(window).width() and $(window).height() - and you will have the final resolution.

Answer 4

With jQuery:

function fullScreenEl ()
{
       var windowHeight = $(window).height(); // получаем высоту окна.
       $('your_selector').css('height', windowHeight + 'px'); // устанавливаем высоту окна для определенного элемента. 
}

$(document).ready(fullScreenEl);
$(window).resize(fullScreenEl);

Answer 5

height:100vh

Answer 6

Wrap the content displayed in full screen:

<div class="full-screen">
</div>

Then:

function alturaMaxima() {
    var altura = $(window).height();
    $(".full-screen").css('min-height', altura);
}

$(document).ready(function () {
    alturaMaxima();
    $(window).bind('resize', alturaMaxima);
});