Проблемы с высотой: 100% на изображении ⇐ Html

[Anonymous]

Кто-нибудь знает, как решить эту проблему: < /p>
Изображение примера за бортом с изображением, в котором ее содержат.
Это работает правильно, если оно меньше или изменяет «Максимальный height: 40VW» на «рост: 40vw», но оба решения для меня. Ноутбук, для мобильного телефона у меня есть другой дизайн) < /p>

Код: Выделить всё

.image-wrapper {
display:flex;
justify-content:center;
max-height:40vw;
background:#141414;
}

.image-wrapper img {
height:100%;
width:auto;
}< /code>

[img]http://webbiter.com/project/tattoobiter.com/wp-content/uploads/2015/06/skull-with-rose.jpg[/img]

Подробнее здесь: https://stackoverflow.com/questions/310 ... 0-on-image