CSS控制img的寬高可以通過以下幾種方式實現(xiàn):
1、使用width和height屬性:在CSS中,可以使用width和height屬性來設(shè)置img的寬度和高度,要將img的寬度設(shè)置為200像素,高度設(shè)置為100像素,可以使用以下代碼:
img { width: 200px; height: 100px; }
2、使用max-width和max-height屬性:如果希望img的寬度和高度在達(dá)到***大值時停止縮放,可以使用max-width和max-height屬性,要將img的寬度和高度分別設(shè)置為***大為500像素和300像素,可以使用以下代碼:
img { max-width: 500px; max-height: 300px; }
3、使用object-fit屬性:如果希望img在保持縱橫比的同時填充其容器,可以使用object-fit屬性,要將img填充到其容器中,同時保持縱橫比,可以使用以下代碼:
img { width: 100%; height: 100%; object-fit: contain; }
這將確保img始終保持在容器內(nèi),同時保持其原始縱橫比。
在使用CSS控制img的寬高時,應(yīng)始終考慮響應(yīng)式設(shè)計,確保在不同設(shè)備和屏幕尺寸上都能良好地顯示。