Как сделать шапку на весь кран?

Question

[Офзсьф Лфзпов]

Требуется сделать шапку сайта на весь экран, как тут.
Причём мне требуется что бы слайдер выровнялся на весь экран.

Comments

[Андрей]

есть в HTML5 такое свойство height: 100hv; он растягивает блок на всю высоту экрана. Подробнее здесь https://habrahabr.ru/post/243161/

Answer 1

[Максим Тимофеев]

.header {width:100vw; height:100vh;}

Answer 2

[Faber Estello]

если вы не понимаете, что нужно для начала открыть панель разработчика в браузере и посмотреть как выполнены в данном сайте меню и слайдер, то как можно еще что-то объяснить или подсказать как такое делается на весь

кран

!!!

Answer 3

[xmoonlight]

Ctrl+U, F12 - смотрим исходник и стили и делаем так же.

Answer 4

[Jon Doe]

.block {
width: 100%;
height: 100%;
position:  absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

Но, что бы достигнуть таких эффектов как там, то надо еще js покрутить немного.