HTML怎么将两个图片不同大小改成相同比例

HTML本身并不直接支持图像尺寸调整，但它可以配合CSS来实现图片等比例缩放。如果你想让两张图片保持相同的宽度比，你可以这样做：

1. 使用`<img>`标签加载图片，并为其设置一个固定的容器样式，比如一个`div`元素，给这个`div`设置宽度。

<div class="image-container">
  <img src="image1.jpg" alt="Image 1">
  <img src="image2.jpg" alt="Image 2">
</div>

2. 然后在CSS中，你可以使用CSS3的`object-fit`属性来控制图片的填充方式，使其按比例缩放。

.image-container {
  position: relative;
  width: 100%; /* 或者你想要的任意宽度 */
}

.image-container img {
  display: block;
  max-width: 100%;
  height: auto; /* 让图片高度自适应宽度 */
  object-fit: cover; /* 如果你想保持原始宽高比并填充整个容器，使用cover */
  /* 或者如果你只想填满容器的一部分，可以用contain或fill */
}

这样，无论图片原始大小如何，它们都会按照各自的宽高比以相同的尺寸显示在容器内。