想把圖片整體放大,CSS可以這樣操作:
img { width: 200%; height: 200%; }
這段CSS代碼會(huì)將所有圖片整體放大2倍,如果只想放大特定的圖片,可以給特定的圖片一個(gè)類名或者ID,然后在CSS中針對(duì)這個(gè)類名或者ID進(jìn)行放大操作。
給特定的圖片一個(gè)類名my-image
,然后CSS代碼如下:
.my-image { width: 200%; height: 200%; }
這樣,只有帶有my-image
類名的圖片會(huì)被放大2倍。
需要注意的是,如果圖片本身有寬高比,只改變寬度和高度可能會(huì)使圖片變形,為了保持圖片的寬高比不變,可以使用object-fit
屬性來(lái)保持圖片的填充方式,
.my-image { width: 200%; height: 200%; object-fit: contain; }
這樣,圖片在放大的過(guò)程中會(huì)保持原有的寬高比,不會(huì)變形。