HTML CSS заголовок во всю высоту ⇐ CSS

[Anonymous]

Я следовал руководству с этого сайта https://startbootstrap.com/snippets/video-header
у него такой стиль заголовка

Код: Выделить всё

header {
position: relative;
background-color: black;
height: 75vh;
min-height: 25rem;
width: 100%;
overflow: hidden;
}

и я настраиваю его на полноэкранный режим высота: 100vh;

Код: Выделить всё

header {
position: relative;
background-color: black;
height: 100vh;
min-height: 25rem;
width: 100%;
overflow: hidden;
}

Он хорошо работает в браузере ноутбука.
Но когда я открываю его в мобильном браузере, высота оказывается слишком высокой над экраном, поэтому отображается в виде вертикальной полосы прокрутки с возможностью прокрутки.
Я хочу, чтобы он соответствовал размеру экрана и был прикреплен, как если бы он открывался с помощью браузера на ноутбуке.

Подробнее здесь: https://stackoverflow.com/questions/786 ... ght-header