Как остановить растяжение изображений в сафари при использовании Flex CSSHtml

Программисты Html
Anonymous
Как остановить растяжение изображений в сафари при использовании Flex CSS

Сообщение Anonymous »

2 Элементы IMG внутри Div. Я хочу, чтобы изображения отображались рядом друг с другом, а не сложены, так что применяемый Flex. Я также хочу, чтобы оба изображения были равны по ширине и высоте. Я читал Safari, поэтому растягивает изображения. что исправляет растяжение, но затем высота 2 изображений становится неравномерной внизу. .net /qmxl7.png " /> < /p>
Я только что установил CSS Webkit, так что высота неровная только на сафари и штраф на других Браузеры. < /p>
Есть ли это путь? -Верд ">.portfolio-box {
margin-top: 40px;
display: flex;
width: 100%;
}

.portfolio-box > * + * {
margin-left: 4%;
}

.portfolio-box img {
width: 48%;
border-radius: 5px;
margin-bottom: 150px;
}
< /code>
html: < /p>

Изображение
Изображение



Подробнее здесь: https://stackoverflow.com/questions/664 ... g-flex-css

Вернуться в «Html»