jean_gaben
@jean_gaben

Как правильно вставить фоновую картинку в header?

Доброго времени суток. Подскажите, пожалуйста, как правильно вставить фоновую картинку в header на высоту экрана?
вставляю так:
.header{
  background-image: url(...);
  height: 100vh;
  background-size: cover;
}


Всё бы ничего, но при уменьшении масштаба страницы картинка не масштабируется, остаётся прежних размеров и всё так же занимает высоту целого экрана, когда весь контент уменьшается.
Подскажите, стоит ли вообще продумывать поведение страницы при уменьшении масштаба?
  • Вопрос задан
  • 554 просмотра
Пригласить эксперта
Ответы на вопрос 2
Подскажите, стоит ли вообще продумывать поведение страницы при уменьшении масштаба?

Это называется адаптивный дизайн - одна из основных вещей качественного сайта. Делать стоит обязательно, если хотите получить действительно хорошую оценку своей работы.

По вопросу о картинке, попробуйте так:
.header {
background: url("<ваше изображение>") no-repeat;
background-size: contain;
background-position: center;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
05 июл. 2020, в 07:45
600 руб./в час
05 июл. 2020, в 00:22
4000 руб./за проект
04 июл. 2020, в 23:47
5000 руб./за проект