<img>如何缩放到同级的高度？

要将一个<img>元素缩放到与其同级的高度，可以使用CSS的flexbox布局来实现。具体步骤如下：

1. 首先，确保包裹<img>元素的父容器具有flexbox布局。可以在父容器的CSS样式中添加以下代码：
2. 首先，确保包裹<img>元素的父容器具有flexbox布局。可以在父容器的CSS样式中添加以下代码：
3. 接下来，通过设置<img>元素的CSS样式来实现缩放效果。可以使用以下代码：
4. 接下来，通过设置<img>元素的CSS样式来实现缩放效果。可以使用以下代码：
   • flex-shrink: 0; 表示<img>元素不会被自动缩小。
   • height: 100%; 将<img>元素的高度设置为父容器的高度，实现与同级元素相同的高度。
   • object-fit: contain; 表示<img>元素将按比例缩放以适应父容器的高度，并保持其原始宽高比。

这样设置后，<img>元素将按比例缩放并保持与同级元素相同的高度。

请注意，这只是一种实现方式，具体的实现方法可能因实际需求和代码结构而有所不同。