Background хедера во всю страницу

222

26 августа 2018, 06:20

Всем привет, как сделать, чтобы фоновая картинка шапки сайта (header) по высоте всегда была на 100% от монитора? Заранее спасибо

Answer 1

Допустим, у вас тег header тянется на весь экран. Чтобы точно задать ему размер по высоте занимать ровно один экран, можете использовать свойство стиля height: 100vh; Для более наглядного примера: http://jsfiddle.net/0L8esn1t/4/

Answer 2

Нужно прописать для фонового блока высоту равную высоте одного экрана - height: 100vh; и так же background-size: cover; - для масштабирования картинки на весь блок с учетом пропорций