Проблема с flexbox в safari, как исправить?

Question

[Тимофей]

Приветствую всех, столкнулся с проблемой flexbox в boostrap 4.6, изображение растягивается очень сильно по высоте.
А в хроме все отлично.


В версии boostrap 5, не было таких проблем, а в 4.6 такое ощущение что карточка растягивается по всей высоте экрана.

Answer 1

[Danny Arty]

Скорее всего у вас картинки обернуты во flex-контейнер, для которого не задано свойство align-items. Это свойство по умолчанию имеет значение stretch, что означает, что дочерние элементы будут растягивать на всю высоту. А картинкам видимо задано height: auto.
Попробуйте задать блоку-обертке картинки например

.класс_блока {
     align-items: flex-start;
}

Comments

[Тимофей]

Не помогло, а если задать высоту картинки то все нормально, но картинка должна сохранять пропорции относительно длинны, а не высоты. Вообще это стандартная разметка бустрапа из примеров(альбомы) ничего кроме цветов не менял. Там у них у картинки просто задан height.

[Danny Arty]

tkovacs, тогда код бы увидеть, по картинке гадать такое себе