Как сделать изображение на 100% экрана без обрезания?

Сейчас изображение вставляется с обрезанием сверху и снизу, а нужно, чтобы оно вставало как в оригинале.
Так вставлял изображение на сайт:
background: url(../img/artificial-grass-4056458.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

С обрезанием:
7Y5vXty7bpw.jpg
Как хочу, чтобы было:
n1C5vysviGk.jpg
  • Вопрос задан
  • 106 просмотров
Решения вопроса 1
Spartak-2205
@Spartak-2205
Разработка и создание сайтов
background-size: contain;
Масштабирует картинку так, чтобы она максимально накрыла собой весь блок. Картинка при этом не обрезается, а вписывается в блок с сохранением пропорций.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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