1

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

6
  • многие верстальщики стали делать отдельный блок для фона , и применяют для этого обычный img а если надо его прокручивать то делается параллакс ...
    – user33274
    8 июл 2018 в 14:40
  • я все равно не понял как сделать то что я хочу 8 июл 2018 в 14:42
  • нужно код полностью видеть, так как не понятно какие там еще свойства есть, можете для начало прописать: background-size: cover;
    – Bert
    8 июл 2018 в 14:43
  • никаких свойств нету, шапка ведь первое что делается в сайте) 8 июл 2018 в 14:44
  • @Павел Румянцев, и оцентровать ее background-position: center center;
    – Bert
    8 июл 2018 в 14:47

2 ответа 2

0

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

0

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.