Высота первого экрана в лендинге?

Question

[RussianMan]

Приветствую, товарищи!
Как сделать так чтобы высота первого экрана изменялась в зависимости от размера экрана пользователя?
Так чтобы помещалось всё на экране.
Спасибо!

Answer 1

[chupok]

Либо на чистом CSS:

html, body {
height: 100%;
position: relative;
width: 100%;
}
.div-class {
height: 100%;
position: relative;
width: 100%;
}

Либо на JS:

$(window).resize(function(){
	var height = $(window).height();
	$('.div-class').css({'height':height});
}).resize();

Answer 2

[Roman Zhak]

Сначала необходимо ее вычислить:

// jQuery solution 
$(window).height()
// Pure JS
var html = document.documentElement.clientHeight;

Answer 3

[Назар Мокринский]

Используйте новые единицы vh в css, 100vh - 100% высоты страницы.

Answer 4

[Юрий Лобанов]

codepen.io/iiil/pen/FxoGI