調(diào)整圖片寬高比例是網(wǎng)頁設(shè)計中常見的需求，通常可以通過CSS來實現(xiàn)，下面是一些關(guān)于如何調(diào)整圖片寬高比例的方法。

1、使用CSS的width和height屬性：

在CSS中，width和height屬性用于設(shè)置圖片的寬度和高度，通過調(diào)整這兩個屬性的值，可以輕松地改變圖片的寬高比例，如果您想要將圖片的寬度設(shè)置為200像素，高度設(shè)置為100像素，可以使用以下CSS代碼：

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

2、使用CSS的object-fit屬性：

object-fit屬性用于指定圖片在容器中的填充方式，通過調(diào)整這個屬性的值，可以保持圖片的寬高比例不變，或者改變圖片的寬高比例以適應(yīng)容器，如果您想要將圖片的寬度設(shè)置為100%，高度設(shè)置為50%，并且保持寬高比例不變，可以使用以下CSS代碼：

img {
  width: 100%;
  height: 50%;
  object-fit: contain;
}

3、使用HTML的width和height屬性：

在HTML中，width和height屬性也可以用于設(shè)置圖片的寬度和高度，這些屬性可以直接在img元素中使用，

<img src="image.jpg" width="200" height="100">

使用HTML的width和height屬性會覆蓋CSS中的width和height屬性，如果您想要使用CSS來設(shè)置圖片的寬高比例，***好不要在HTML中重復(fù)設(shè)置這些屬性。