我有以下html和css代码，以特定方式布置一些卡。我希望当窗口的宽度或高度都改变时，卡片始终保持其宽高比。
我一直在使用chrome进行开发，页面很好，但我只是在safari中进行测试，当更改高度时，它不会保持纵横比。
我不知道safari不支持哪些命令。
请查看以下网站，了解导致问题的原因：
https://caniuse.com https://autoprefixer.github.io
我还隐约记得，vw并不总是以同样的方式解释，但我不确定。是否可以选择将它们改为适当的百分比？由于小问题，我个人在大多数情况下都停止使用vw和vh