Heim  >  Fragen und Antworten  >  Hauptteil

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

Die Dokumentation von <p>Vuetify zu <code>v-img</code> <blockquote> <p>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. </p> </blockquote> <p>Die Größe ändert sich jedoch automatisch basierend auf der Größe des Containers oder der Größe von <code>max-height</code>, 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. </p> <p>Beispiel: https://codepen.io/nullism/pen/bGWVreK</p> <p>Ist das ein Fehler in Veutify, liegt ein Problem mit der Dokumentation vor oder übersehe ich eine Eigenschaft? </p> <p>Vielen Dank für Ihre Hilfe! </p> <p><strong>Update</strong>: Es sieht so aus, als ob das normale <code><img/></code> wie erwartet funktioniert: https://codepen.io/nullism/pen /OJmyjvw</p>
P粉511896716P粉511896716420 Tage vor514

Antworte allen(1)Ich werde antworten

  • P粉790819727

    P粉7908197272023-08-26 00:43:01

    据我理解,您希望图像的大小小于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>

    Antwort
    0
  • StornierenAntwort