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

Question

我有一个图像列表，如 fiddle 所示，其中我将图像对齐成一条直线。

在 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 代码进行哪些更改，以便 最后一个徽标（艾玛营销徽标）应该与其他徽标 具有相同的大小。此时每张图片的大小设置为auto，高度设置为2.5rem

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

Answer 1

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

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

logo size seems to shrink in html and css

html

css

image

width