Есть блок с картинкой с заданной фоновой картинкой и минимальной высотой.
Интересует, как с помощью стилей так, чтобы высота картинки подстраивалась под экран при его увеличении (min-height
изменялся), т.е. фактически чтобы картинка с цифрами не скрывалась (350Х150) за блоком, а была всегда логически расположена по центру, была на всю ширину и сохраняла пропорции на любых разрешениях экранов. Фидл
.background {
background-image: url(http://placehold.it/350x150);
background-size: cover;
height: 1px;
min-height: 250px;
}
<div class="background"></div>
Ну в каком месте возможный дубликат? вопросы совершенно разные - у меня есть необходимость, чтобы высота блока подстраивалась под экран, т.е. увеличивалась и уменьшалась в зависимости от размеров экрана. К сожалению, пока до сих пор универсального решения не найдено
background-size: 100% 100%;
background-position: 50% 50%;
?