Le titre est réécrit comme suit : Le v-img de Vuetify s'ajuste automatiquement en fonction de la taille du conteneur, et non en fonction de la taille du src.
P粉511896716
P粉511896716 2023-08-25 11:52:29
0
1
580
<p>La documentation de Vuetify sur <code>v-img</code> <blockquote> <p>v-img se redimensionnera automatiquement en fonction de la taille de son src, en conservant le rapport hauteur/largeur correct. Vous pouvez limiter la taille en utilisant les propriétés height et max-height. </p> </blockquote> <p>Cependant, il se redimensionnera automatiquement en fonction de la taille du conteneur ou de la taille de <code>max-height</code>, selon la valeur la plus petite. Il ne se redimensionne pas en fonction de la taille du fichier source - dans l'exemple ci-dessous, la taille src de l'image est de 256 x 256. </p> <p>Exemple : https://codepen.io/nullism/pen/bGWVreK</p> <p>Est-ce un bug dans Veutify, ou y a-t-il un problème avec la documentation, ou est-ce qu'il me manque une propriété ? </p> <p>Merci beaucoup pour votre aide ! </p> <p><strong>Update</strong> : il semble que la balise <code><img/></code> fonctionne comme prévu : https://codepen.io/nullism/pen /OJmyjvw</p>
P粉511896716
P粉511896716

répondre à tous(1)
P粉790819727

D'après ma compréhension, vous souhaitez que la taille de l'image soit inférieure à 256 x 256, vous pouvez alors ajouter l'attribut 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>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal