Сделайте адаптивное изображение подходит для родительского контейнера ⇐ Html

[Anonymous]

Я пытался выяснить, есть ли чистое решение CSS, чтобы гарантировать, что изображение в моем баннере не опускается ниже высоты родителя, но сохранение отношения изображения. />


< /code>

css: < /p>

.banner_holder{
width: 100%;
height: 300px;
min-height: 200px;
position: relative;
outline:1px dotted red;
}

.banner_holder img{
width: 100%;
}
< /code>

Моя цель - всегда иметь изображение на 100%, но никогда не ниже 300 пикселей в высоту. Это означало бы отсечение изображения, но это нормально, я просто хочу знать, есть ли чистое решение CSS, или мне нужно использовать jQuery

Подробнее здесь: https://stackoverflow.com/questions/197 ... -container