在CSS中,我們可以使用width和height屬性來(lái)定義圖片的寬度和高度,我們需要選擇需要調(diào)整的圖片,然后設(shè)置相應(yīng)的CSS規(guī)則。
如果我們想要將圖片的寬度設(shè)置為200像素,高度設(shè)置為300像素,我們可以這樣寫(xiě):
img { width: 200px; height: 300px; }
這段CSS代碼會(huì)將所有img元素的寬度設(shè)置為200像素,高度設(shè)置為300像素,如果你想要針對(duì)特定的圖片進(jìn)行設(shè)置,你可以給圖片添加一個(gè)特定的類名或者ID,然后在CSS中針對(duì)這個(gè)類名或者ID進(jìn)行設(shè)置。
如果我們有一張圖片ID為“myImage”,我們可以這樣寫(xiě):
#myImage { width: 200px; height: 300px; }
這段CSS代碼只會(huì)將ID為“myImage”的圖片寬度設(shè)置為200像素,高度設(shè)置為300像素。
需要注意的是,如果圖片本身的寬高比與設(shè)置的寬高比不一致,圖片可能會(huì)變形,為了保持圖片的寬高比不變,我們可以使用object-fit屬性:
img { width: 200px; height: 300px; object-fit: contain; }
這段CSS代碼會(huì)將所有img元素的寬度設(shè)置為200像素,高度設(shè)置為300像素,并且保持圖片的寬高比不變。