Der Titel wird wie folgt umgeschrieben: Vuetifys V-IMG passt sich automatisch an die Containergröße an, nicht an die SRC-Größe

Question

Die Dokumentation von

Vuetify zu v-img

v-img passt die Größe automatisch an die Größe seiner Quelle an und behält dabei das richtige Seitenverhältnis bei. Sie können die Größe mithilfe der Eigenschaften „height“ und „max-height“ begrenzen.

Die Größe ändert sich jedoch automatisch basierend auf der Größe des Containers oder der Größe von max-height, je nachdem, welcher Wert kleiner ist. Die Größe ändert sich nicht anhand der Größe der Quelldatei – im Beispiel unten beträgt die Quellgröße des Bildes 256 x 256.

Beispiel: https://codepen.io/nullism/pen/bGWVreK

Ist das ein Fehler in Veutify, liegt ein Problem mit der Dokumentation vor oder übersehe ich eine Eigenschaft?

Vielen Dank für Ihre Hilfe!

Update: Es sieht so aus, als ob das normale wie erwartet funktioniert: 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>