Как высчитать aspect-ratio в padding-bottom?

Question

[wakenbyWork]

Есть svg фотографии разных размеров, и они адаптивные, но в ie11 не адаптируются, там плохая поддержка svg, естественно aspect-ratio тоже не работает.

Нашел калькулятор соотношения сторон:



И возникло 2 вопроса:

1) Как для современных браузеров прописать aspect-ratio: 1.34 / 1 такая запись не работает((
2) Как для старых браузеров рассчитать padding-bottom из 1.34 / 1?

Answer 1

[Алексей Уколов]

Я же дал вам ссылку на статью, где всё расписано: https://css-tricks.com/aspect-ratio-boxes/

An aspect ratio can be anything, and they commonly are completely arbitrary. A video or image can be cropped to any size.
So how do we figure out the padding-top for our 1127.34 × 591.44 SVG above?
One way is using calc(), like this:
padding-top: calc(591.44 / 1127.34 * 100%);