Сохранять пропорции изображения при изменении высоты окна в Safari и Chrome

Question

У меня есть следующий html & css код, который выкладывает некоторые карты определенным образом. Я хочу, чтобы карта всегда сохраняла соотношение сторон при изменении ширины или высоты окна.

Я разрабатывал в Chrome, и страница была в порядке, однако я только что протестировал в сафари, и при изменении высоты он не поддерживает соотношение сторон.

Я не знаю, какая из команд не поддерживается сафари.

https://github.com/AG-Labs/pokerSite

Answer 1

Взгляните на следующие веб-сайты, чтобы выяснить причину проблемы:

https://caniuse.com https://autoprefixer.github.io

Я также смутно помню, что vw не всегда интерпретируетсятак же, но я не уверен.Будет ли вариант изменить их на надлежащие проценты?Я лично перестал использовать vw и vh в большинстве случаев из-за небольших проблем