CSS中設置圖片的高度和寬度是非常常見的操作,而使用3比2的比例可能是一種比較常用的做法。下面將介紹如何使用CSS設置圖片的3比2高度寬度。
img { width: 300px; /* 寬度為300像素 */ height: 200px; /* 高度為200像素 */ }
以上代碼會將圖片的寬度設置為300像素,高度設置為200像素,即使用了3比2的比例。若圖片的實際尺寸超過了這個設定值,圖片將會被按比例縮小至這個尺寸。
img { max-width: 300px; max-height: 200px; }
如果我們想讓圖片在不失真的情況下按照最大寬度和高度顯示,我們可以使用max-width和max-height屬性。以上代碼將圖片的最大寬度限制為300像素,最大高度限制為200像素,圖片會按照3比2的比例縮小直到不超過這個最大值。
在實際應用中,我們可以將這些CSS樣式直接應用于HTML中的標簽,或者將它們定義為CSS樣式類。