1. 程式人生 > >object-fit 屬性的用法介紹

object-fit 屬性的用法介紹

縮放圖片 ron 顯示 contain con fill 屬性 div 保持

這個要在寬,高都是100%的情況下才能提現

object-fit 屬性的用法介紹

fill(不保持縱橫比縮放圖片,使圖片完全適應)
contain(保持縱橫比縮放圖片,使圖片的長邊能完全顯示出來)
cover(保持縱橫比縮放圖片,只保證圖片的短邊能完全顯示出來)
none(保持圖片寬高不變)
scale-down(當圖片實際寬高小於所設置的圖片寬高時,顯示效果與none一致;否則,顯示效果與contain一致) 這個

object-fit 屬性的用法介紹