图片高度固定，宽度保持图片比例

要让图片的高度固定，宽度按照原图片的比例缩放，可以使用CSS的object-fit属性来实现。

<img class="responsive-image" src="your-image.jpg" alt="Description of the image">

.responsive-image {
  height: 100px; /* 固定高度 */
  width: auto; /* 宽度自适应 */
  object-fit: cover; /* 保持图片比例 */
}

在上述代码中，.responsive-image类被应用于元素上。通过设置height为固定值，比如100px，然后设置width为auto，图片的高度将被固定，而宽度将根据原图片的比例进行缩放。object-fit属性设置为cover可以确保图片保持原始比例。

请注意，object-fit属性在Internet Explorer浏览器中不受支持。如果你需要支持IE浏览器，可以考虑使用其他方法，比如使用背景图像的方式来实现相同的效果。