Следующий HTML-код отображается в Safari и Chrome очень по-разному:
<a style="display:flex;">
<img src="https://i.imgur.com/EaWkSxe.png" width=100>
</a>
В Chrome (версия 78.0.3904.70, для Mac) соотношение сторон изображения сохраняется:
В Safari (версия 11.1 (12605.1.33.1.3) на Mac) высота изображения сохраняется:
Это довольно легко сделатьони визуализируют то же самое (просто установите высоту), но я не понимаю, почему они отличаются в первую очередь.
Почему они визуализируются по-разному?