CSS中，我們可以使用多種方法來確保每張圖片的比例相同，以下是一種常用的方法：

1、使用width和height屬性：

通過CSS的width和height屬性，我們可以明確指定圖片的寬度和高度，這樣，所有圖片都會被強制調(diào)整為相同的尺寸。

```css

img {

width: 200px;

height: 200px;

}

```

這段代碼會將所有圖片設(shè)置為200像素的寬度和高度，從而確保每張圖片的比例相同。

2、使用max-width和max-height屬性：

與width和height不同，max-width和max-height允許圖片在保持其原始比例的同時，限制其***大尺寸。

```css

img {

max-width: 200px;

max-height: 200px;

}

```

這段代碼會確保所有圖片的***大寬度和高度分別為200像素，同時保持其原始比例。

3、使用object-fit屬性：

object-fit屬性允許我們更靈活地控制圖片在容器內(nèi)的填充方式，我們可以使用object-fit: cover;來確保圖片始終覆蓋整個容器，同時保持其原始比例：

```css

img {

width: 200px;

height: 200px;

object-fit: cover;

}

```

這段代碼會將所有圖片設(shè)置為200像素的寬度和高度，并確保它們始終填充整個容器，同時保持其原始比例。

4、使用CSS Grid或Flexbox布局：

通過CSS的Grid或Flexbox布局，我們可以更靈活地控制圖片的排列和尺寸，我們可以創(chuàng)建一個包含圖片的Grid布局，其中每個圖片的寬度和高度都相同：

```css

.grid {

display: grid;

grid-template-columns: repeat(auto-fill, 200px);

grid-template-rows: repeat(auto-fill, 200px);

}

.grid img {

width: 100%;

height: 100%;

}

```

這段代碼會創(chuàng)建一個包含圖片的Grid布局，其中每個圖片的寬度和高度都是200像素，并且會填充整個容器。

通過以上方法，我們可以確保CSS中的每張圖片比例相同，從而保持網(wǎng)頁的整體美觀和一致性。