SVG в пропорциях элемента img не соблюдаются в ie9

CSS:

img{
    max-height:30px;
}

HTML:


Я ищу это изображение svg для масштабирования пропорционально максимальной высоте 30 пикселей. Естественные размеры SVG — 200 на 200 пикселей. Отлично работает в FF и Chrome (30x30), но в IE9 изображение 30x200. Теперь вот кикер. Это происходит только с некоторыми файлами SVG, другие SVG масштабируются правильно.

Кажется, разница в том, что один состоит из многоугольников, а другой — из путей.

масштабируется неправильно:

http://www.radiantinteractive.com/rs/images/allies/other/crocs.svg

масштабируется правильно:

есть идеи, почему это происходит, или как я могу заставить первый пропорционально масштабироваться в ie9?

41
задан Glorfindel 18 August 2019 в 09:27
поделиться