標題重寫為：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>