@adelinyshka
front-end

Автоматическое изменение размеров фоновых картинок под размеры экранов?

Приветствую!

Ребят, подскажите решения по css.

Есть: лендинг с множеством фоновых картинок

Цель: фоновые картинки автоматически подгоняются под ширину и высоту экранов разных устройств.

Спасибо.

Может vh и vw? Есть ли с ними какие-то хитрые нюансы?)

P.S.
Неправильный ответ:
. {
    width: 100%;
    height: 100%;
}
  • Вопрос задан
  • 219 просмотров
Решения вопроса 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: зависит от задачи, по умолчанию центр.
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы