徽标大小似乎在html和CSS中缩小

Question

我有fiddle所示的图像列表，其中我将图像对齐成直线。

在小提琴中，最后一个标识（如下面的屏幕截图中标有红色圆圈所示）似乎调整大小，我不确定背后的原因是什么。

我用来将图像直线对齐的CSS代码是：

.images {
  display: flex;
  justify-content: space-between;
  align-items:center;
  background-color: #eee;
  padding: 1rem;
  flex-wrap: wrap;
}

.images img {
  width: auto;
  height: 2.5rem;
}

问题陈述：

我想知道我应该在CSS代码中做出哪些更改，以便最后一个徽标（emma营销徽标）应该与其他徽标具有相同的大小。此时，每张图片的尺寸都设置为自动，高度设置为 2.5rem

在检查时，徽标似乎调整大小，如下图所示，标有红色箭头。

Answer 1

您需要裁剪最后一张照片，因为您可以看到周围有一个很大的透明区域。