标题重写为：Vuetify的v-img根据容器大小自动调整，而非根据src大小调整

Question

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

Answer 1

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

<d id="app">
  <v-app id="inspire">
    <v-main>
      <v-container>
        <v-card>
          <v-card-text>
            <v-img max-width="256" max-heigth="256"
              src="https://www.redditstatic.com/icon.png"
            ></v-img>
          </v-card-text>
        </v-card>
      </v-container>
    </v-main>
  </v-app>
</div>