Tajuk ditulis semula sebagai: V-img Vuetify secara automatik melaraskan mengikut saiz bekas, bukan mengikut saiz src
P粉511896716
P粉511896716 2023-08-25 11:52:29
0
1
541
<p>Dokumentasi Vuetify tentang <code>v-img</code> <blockquote> <p>v-img akan mengubah saiz dirinya secara automatik mengikut saiz srcnya, mengekalkan nisbah bidang yang betul. Anda boleh mengehadkan saiz menggunakan sifat ketinggian dan ketinggian maksimum. </p> </blockquote> <p>Walau bagaimanapun, ia akan mengubah saiz dirinya secara automatik berdasarkan saiz bekas atau saiz <kod>tinggi maks</kod>, yang mana lebih kecil. Ia tidak mengubah saiz sendiri berdasarkan saiz fail sumber - dalam contoh di bawah, saiz src imej ialah 256x256. </p> <p>Contoh: https://codepen.io/nullism/pen/bGWVreK</p> <p>Adakah ini pepijat dalam Veutify, atau adakah terdapat masalah dengan dokumentasi, atau adakah saya kehilangan harta benda? </p> <p>Terima kasih banyak atas bantuan anda! </p> <p><strong>Kemas kini</strong>: Ia kelihatan seperti teg <code><img/></code> berfungsi seperti yang dijangkakan: https://codepen.io/nullism/pen /OJmyjvw</p>
P粉511896716
P粉511896716

membalas semua(1)
P粉790819727

Dari pemahaman saya, anda mahu saiz imej kurang daripada 256 x 256, kemudian anda boleh menambah atribut 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>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan