Глюк в Safari и что не так с кодом?

Question

[Дмитрий]

Приветствую!
Подскажите, пожалуйста, всё ли здесь нормально с кодом (правилами) "слайдера"? В последних версиях Opera и Chrome, и в старом Firefox, всё нормально работает, а в Сафари 11 косяк.
И вообще, в целом, все ли правила уместны и нужны, или чего-то не хватает?

Answer 1

[Роман]

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

.stacks_in_640_page0images {
  ...
  align-items: flex-start;
  ...
}

Дополнительно:
Каждое изображение заключите в обертку.
Обертке присвойте position: relative.
И, уже в обертке, настраивайте размеры и позиционирование изображений.
Или можно заранее подогнать изображения под один размер.

Comments

[Дмитрий]

В итоге сделал высоту фиксированной, так как нервов не хватает настраивать для разных браузеров.