標題重寫為:Vuetify的v-img根據容器大小自動調整,而非根據src大小調整
P粉511896716
P粉511896716 2023-08-25 11:52:29
0
1
467

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

P粉511896716
P粉511896716

全部回覆 (1)
P粉790819727

據我理解,您希望圖像的大小小於256 x 256,那麼可以添加屬性max-width="256" max-heigth="256"

            
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!