Я настраиваю баннер для сайта. Баннер состоит из изображения и текста поверх него, вот код:
Код: Выделить всё
.banner_div{
background-image: url(/images/banner.jpg);
width: 100%;
height: 100%;
background-size: contain;
}
Line 1Line 2
Мне нужно, чтобы изображение закрывало всю ширину экрана (даже если экран шире изображения, в этом случае изображение должно растягиваться) и высота div будет соответствующим образом масштабироваться, чтобы изображение отображалось полностью. Как я могу этого добиться? Я попробовал все свойства размера фона, но это не сработало...
Редактировать: текущая проблема заключается в том, что высота масштабируется так же, как и одна из текст
Подробнее здесь:
https://stackoverflow.com/questions/406 ... and-height
Мобильная версия