Vue.js图像宽高比

时间:2018-05-15 12:21:23

标签: css node.js css3 vue.js material-design

我正在创建我的新社交网络。我遇到了新问题,或者说我想不出一种方法来实现我的解决方案。当用户上传图像时,我想要有保持图像宽高比的盒子,但也要保持相同的宽度。我想用填充的CSS技巧,但我不知道如何动态计算宽高比并将其附加到元素的样式。

2 个答案:

答案 0 :(得分:0)

不确定我是否100%关注,但是如果您希望图像具有设置宽度的图像,而高度基于其宽高比。只需使用CSS设置图像宽度,并将高度保留为自动。

如果您想将其包装在一个方框(div)中,您可以将宽度设置为方框并将图像设置为100%

答案 1 :(得分:0)

您可以使用v-aspect-ratio指令。