CSS3中,可以使用width
和height
屬性來(lái)控制圖片的長(zhǎng)度和寬度,這些屬性可以指定具體的像素值,或者指定為auto
來(lái)自動(dòng)調(diào)整大小,還可以使用max-width
和max-height
屬性來(lái)限制圖片的***大長(zhǎng)度和寬度。
要將圖片的長(zhǎng)度和寬度分別設(shè)置為200像素和100像素,可以使用以下CSS代碼:
img { width: 200px; height: 100px; }
如果希望圖片的長(zhǎng)度和寬度自動(dòng)調(diào)整,可以使用以下CSS代碼:
img { width: auto; height: auto; }
還可以使用transform
屬性來(lái)縮放圖片的大小,要將圖片的長(zhǎng)度和寬度分別放大2倍和3倍,可以使用以下CSS代碼:
img { transform: scale(2, 3); }
需要注意的是,在使用CSS3控制圖片大小時(shí),要確保圖片的原始尺寸與指定的尺寸相匹配,否則可能會(huì)出現(xiàn)圖片變形或裁剪的情況,也要注意瀏覽器的兼容性問(wèn)題,確保在不同的瀏覽器上都能得到一致的效果。