Разбитое изображение в браузере Safari моего macbook занимает полную высоту в отличие от chrome и firefox

Question

Я обнаружил странную проблему при тестировании моего приложения в Safari (Версия 13.1). По сути, изображение на сайте не работает и не загружается. Chrome и FireFox показывают значение атрибута alt и занимают наименьшую возможную высоту для выгруженного тега изображения. Но браузер Safari в моей ма c занимает гораздо большую высоту, чем другие, и имеет странный пользовательский опыт, толкающий тег вниз.

Вот воспроизведение проблемы - https://jsfiddle.net/etjhgpdo/1/ - Откройте этот URL как в chrome, так и в сафари. Мы видим разницу в том, что тег заголовка перемещается вниз, поскольку высота тега изображения в сафари очень высока.

Заранее спасибо.

Answer 1

Поскольку я не получил никакого ответа, я добавляю исправление, найденное в Интернете. Добавление onerror="this.style.height = '50px'" к тегу изображения помогло мне уменьшить высоту. Но это будет применяться ко всем браузерам, так как здесь мы не указываем ни один браузер.