Рассмотрим следующий код
<div style="width:480px;border:1px solid red">
<svg viewBox="0 0 100 100">
<path style="stroke:#000" d="M 0 0 100 100" />
</svg>
</div>
Как мы видим, строка полностью растянута до контейнера. Это ожидается в соответствии с моим пониманием viewBox. (в Firefox / Chrome / Edge / Opera)
Однако IE11 или более ранняя версия не переносит строку в контейнер. Это связано с тем, что IE11 ожидает определенной c высоты для SVG.
Меня не волнует поддержка IE11. Мне просто интересно, все ли современные браузеры единообразно обрабатывают соотношение сторон svg так же, как firefox / chrome / edge / opera обрабатывает его, как я показал в первом фрагменте кода.
Примечание: я не ищу работа в IE, которая уже доступна во многих ответах stackoverlow. Я просто хотел убедиться, что отсутствие явной установки высоты для моего svg не вызовет проблем в современных браузерах