Как сделать авто адаптацию размеров блока с bg img во все окно браузера, а дальше скролл?

Question

[Andrey Dontsov]

Привет всем.
Как сделать так, чтобы при открытии сайта, размер блока с background img растягивался под размер окна браузера (во весь размер окна до скролла), а при скролле блок как обычно уходил вверх.
Т.е. открываем сайт - видим bg img во все окно, дальше скролл и блок ушел вверх как обычно.
Хотелось бы чтобы размеры блока с bg img подстраивались под любое разрешение.
Медиа запросами подгонять под все возможные разрешения? или есть правильное решение?
Спасибо

Answer 1

[Никита Наумов]

можно сделать проще - задать блоку

width: 100vw;
height: 100vh;

блок станет по размеру окна браузера.

Comments

[Andrey Dontsov]

Спасибо, это то, что нужно

Answer 2

[Андрей Б.]

Как скролл связан с размером картинки?))
Чтобы растянуть картинку на всю ширину и высоту родителя, используйте
background-size: cover;

и вообще, не ленитесь пользоваться поиском, тема уже избита в доль и поперек
первая ссылка в выдаче по запросу "блок на весь экран"
shpargalkablog.ru/2014/08/full-screen.html

Comments

[Andrey Dontsov]

Не) скролл не связан) я имел ввиду отрываешь сайт и первое, что ты видишь - это bg img во все окно, дальше крутишь скролл и картинка уходит верх как обычно.
Спасибо за ваш ответ, буду пробовать