object-fit 屬性的用法介紹
阿新 • • 發佈:2019-03-29
縮放圖片 ron 顯示 contain con fill 屬性 div 保持
contain(保持縱橫比縮放圖片,使圖片的長邊能完全顯示出來)
cover(保持縱橫比縮放圖片,只保證圖片的短邊能完全顯示出來)
none(保持圖片寬高不變)
scale-down(當圖片實際寬高小於所設置的圖片寬高時,顯示效果與none一致;否則,顯示效果與contain一致) 這個
這個要在寬,高都是100%的情況下才能提現
object-fit 屬性的用法介紹
fill(不保持縱橫比縮放圖片,使圖片完全適應)contain(保持縱橫比縮放圖片,使圖片的長邊能完全顯示出來)
cover(保持縱橫比縮放圖片,只保證圖片的短邊能完全顯示出來)
none(保持圖片寬高不變)
scale-down(當圖片實際寬高小於所設置的圖片寬高時,顯示效果與none一致;否則,顯示效果與contain一致) 這個
object-fit 屬性的用法介紹