Гибкое изображение поля `высота: 100%` Safari ⇐ CSS

[Anonymous]

Для гибкого блока с двумя дочерними элементами каждый по 50 %, если изображение включено в один из дочерних элементов с высотой: 100 %, оно потребляет гораздо больше, чем хотелось бы в Safari.







codepen
.wrapper {
display: flex;
}

.first {
flex-basis: 50%;
}

.second {
flex-basis: 50%;
}
img {
max-width: 100%;
height: 100%;
object-fit: cover;
}


Подробнее здесь: https://stackoverflow.com/questions/783 ... 100-safari