Node.js Vue.js图像纵横比

我正在创建我的新社交网络。我遇到了新问题，或者更确切地说，我想不出一种方法来实现我所拥有的解决方案。当用户上传图像时，我希望有一个框可以保持图像的纵横比，但也可以保持post相同的宽度。我想在填充中使用CSS技巧，但我不知道如何动态计算纵横比并将其附加到元素的样式。

不确定我是否100%遵循，但是否希望图像具有设置宽度的图像，而高度基于其纵横比。只需使用CSS设置图像宽度，并将高度设置为“自动”

如果您想将其包装在一个框（div）中，您可以设置框的宽度，并将图像设置为100%

您可以使用指令