在CSS中,您可以使用transform: scale()
屬性來等比例縮小圖像。transform: scale()
屬性接受兩個(gè)參數(shù),分別代表水平和垂直方向的縮放比例,如果您想將圖像縮小到原始大小的50%,可以使用以下CSS代碼:
img { transform: scale(0.5, 0.5); }
上述代碼會(huì)將圖像在水平和垂直方向上都縮小到原始大小的50%,如果您只想在水平方向上進(jìn)行縮放,可以使用以下代碼:
img { transform: scaleX(0.5); }
同樣,如果您只想在垂直方向上進(jìn)行縮放,可以使用以下代碼:
img { transform: scaleY(0.5); }
transform: scale()
屬性會(huì)改變圖像的大小,但不會(huì)改變圖像的形狀,如果您希望保持圖像的原始形狀,可以使用object-fit
屬性來設(shè)置圖像的填充方式,如果您希望圖像在縮小后仍然保持其原始形狀,可以使用以下CSS代碼:
img { object-fit: contain; transform: scale(0.5, 0.5); }
上述代碼會(huì)將圖像縮小到原始大小的50%,并保持其原始形狀,希望這些信息對(duì)您有所幫助!