CSS可以使圖片等比縮小,讓大圖變小,不會影響圖片的質量,顯示不會失真。方法如下:
img{ max-width: 100%; height: auto; }
以上代碼表示最大寬度為100%,高度自適應,這樣就可以保證圖片在縮小時等比例縮放,不會變形。
如果想設置圖片最大高度,可以使用max-height屬性:
img{ max-width: 100%; max-height: 400px; }
以上代碼表示圖片最大高度為400px。
如果希望圖片在縮小時保持居中,可以使用以下代碼:
img{ max-width: 100%; height: auto; display: block; margin: 0 auto; }
以上代碼表示讓圖片居中,margin: 0 auto;是設置圖片的水平居中。
總而言之,使用CSS使圖片等比縮小是比較簡單的,只需要設置max-width:100%即可。