Задать вопрос
Egorian
@Egorian

Адаптивный background?

header{
    height: 100vh;
    background: url(../img/maxresdefaults.jpg) no-repeat center top / cover fixed
}

Есть блок header с фоновым изображением.
Размер изображения 3800*2000(знаю что очень большое). На маленьких девайсах изображение обрезается. Как сделать,чтобы оно не резалось?
  • Вопрос задан
  • 81 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
FreeMan94
@FreeMan94
Frontend developer
background-size: contain;
У вас cover поэтому обрезается.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы