CSS的圖片等比縮小是指在保持圖片長寬比的前提下,將圖片的寬度和高度同時按比例減小。如何做到圖片等比縮小呢?我們需要使用CSS中的max-width屬性來限制圖片的最大寬度,并設置圖片的高度為auto,讓圖片的高度根據寬度等比自動縮放。
具體實現方法如下:
img { max-width: 75%; height: auto; }
在上述代碼中,max-width設置為75%,表示圖片寬度最大為其父元素寬度的75%。height設置為auto,讓圖片的高度隨寬度等比自動縮放。
使用CSS的圖片等比縮小可以有效地提高網站的性能,降低圖片文件的大小,減少頁面加載時間,并提升用戶體驗。