标题重写为:Vuetify的v-img根据容器大小自动调整,而非根据src大小调整
P粉511896716
P粉511896716 2023-08-25 11:52:29
0
1
471

Vuetify关于v-img的文档如下:

v-img会自动根据其src的大小调整自己的大小,保持正确的宽高比。您可以使用height和max-height属性来限制大小。

然而,它会根据容器的大小或max-height的大小自动调整自己的大小,以较小的那个为准。它不会根据源文件的大小来调整自己的大小 —— 在下面的示例中,图像的src大小为256x256。

示例: https://codepen.io/nullism/pen/bGWVreK

这是Veutify的一个错误吗,还是文档有问题,还是我遗漏了某个属性?

非常感谢您的帮助!

更新:看起来普通的标签按预期工作:https://codepen.io/nullism/pen/OJmyjvw

P粉511896716
P粉511896716

全部回复 (1)
P粉790819727

据我理解,您希望图像的大小小于256 x 256,那么可以添加属性max-width="256" max-heigth="256"

            
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!