在網站開發中，經常會用到圖片展示，如何設置圖片的寬高比就變得特別重要了。 HTML中的標簽是用來插入圖片的，其中有三個重要屬性：src（圖片地址）、width（寬度）和height（高度）。當只設置寬度和高度兩個值時，圖片在瀏覽器中顯示可能失真。因此，我們需要設置圖片的寬高比。 在HTML中，可以使用CSS來設置圖片的寬高比。我們可以使用“padding-bottom”屬性在外層容器中創建一個白色的垂直空間來模擬一個比圖片高度多2倍的圖塊。再使用“position: relative”和“position: absolute”來實現圖片的寬度等比縮放。 下面是一個使用CSS設置圖片寬高比的示例代碼：

以上代碼中，“padding-bottom”屬性的值計算方法是圖片高度除以寬度乘以100（例如：高度1600，寬度2400，則padding-bottom的值為66.66%）。 以上代碼實現了寬度等比縮放，同時保持了圖片的寬高比。我們也可以根據自己的需求來調整“padding-bottom”的值，實現不同的寬高比效果。 總的來說，使用CSS來設置圖片寬高比是一種優秀的實現方式，可以避免圖片失真，同時提高網站的用戶體驗。