Задать вопрос
leni_m
@leni_m
ЧупаКобрус

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

body {
    background: url(img/1.png) no-repeat ;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
	}

Но если картинка получается больше по высоте чем высота экрана, то не видно низ картинки и нельзя проскролить. Указать явно высоту не хочется ,т.к. она для разной ширины экрана разная. Вобщем как можно добиться того чтобы можно было прокручивать картинку, которая стоит фоном, вниз?
У меня лишь идея: через js получать ширину экрана и исходя из пропорции картинки устанавливать height у body. Но разве нет решений в css?
  • Вопрос задан
  • 128 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 2
@maxsnw
bg-size cover\contain
Ответ написан
@frees2
.container > div > img {
width: 100%;
height: 100%;
object-fit: cover;
}
Css-свойство object-fit определяет, как содержимое изменяемого элемента должно заполнять контейнер относительно его высоты и ширины.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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