在CSS中設(shè)置插入圖片的大小,可以通過調(diào)整width
和height
屬性來實現(xiàn),這兩個屬性可以定義圖片在網(wǎng)頁上的寬度和高度。
我們需要找到需要調(diào)整大小的圖片,并獲取其當(dāng)前的尺寸,我們可以使用CSS的width
和height
屬性來設(shè)置新的尺寸,如果我們想要將一張寬度為300像素、高度為200像素的圖片調(diào)整為寬度為500像素、高度為400像素,我們可以這樣寫:
img { width: 500px; height: 400px; }
需要注意的是,如果圖片本身的比例與設(shè)置的比例不一致,那么圖片可能會出現(xiàn)拉伸或壓縮的情況,為了避免這種情況,我們可以在設(shè)置尺寸時保留原有的比例,如果我們想要將圖片寬度增加50%,但不想改變其高度,可以寫成:
img { width: 150%; height: auto; }
這樣,圖片的高度會自動調(diào)整,以保持原有的比例不變。