CSS中圖片大小調整的方法

在CSS中，我們可以使用width和height屬性來調整圖片的大小，這兩個屬性分別表示圖片的寬度和高度，我們可以根據(jù)具體的需求來設置這兩個屬性的值。

如果我們想要讓圖片寬度為200像素，高度為300像素，我們可以這樣寫：

img {
  width: 200px;
  height: 300px;
}

這樣，圖片就會根據(jù)我們設置的值來顯示，需要注意的是，如果圖片本身的寬高比與我們設置的寬高比不一致，那么圖片可能會變形，在設置圖片大小時，我們需要盡量保持圖片的寬高比不變。

如果我們想要讓圖片的大小跟隨瀏覽器窗口的大小變化，我們可以使用百分比來設置圖片的寬度和高度。

img {
  width: 50%;
  height: 50%;
}

這樣，圖片的大小就會根據(jù)瀏覽器窗口的大小變化而變化，始終保持瀏覽器窗口的50%，這種方法在響應式設計中非常有用，可以讓我們的網(wǎng)頁在各種設備上都能正常顯示。