Question

当我调整浏览器大小时，我的图像出现问题。

布局是第一行中的一个英雄图像，第二行是3个图像，均为325px x 310px这些图像没有调整大小问题。

在第三行是两张图片660px x 310px和325px x 310px。当我调整浏览器窗口的大小时，图像的高度不会相等。在更改移动布局之前，更宽的图像大约三个像素。

我希望有人可以解释为什么图像的高度不相等

Answer 1

如果没有小提琴来证实这一点，我猜它与inuit.css / bas / _images.scss中定义的响应式样式有关：

img{
    max-width:100%;
}

由于您的图片宽度不同，默认高度为auto，因此图片的显示高度会随着宽度的变化而变化。

我猜你的图像上也有最大高度，否则你会发现这些非常不同的纵横比之间的表观高度差别要大得多！我敢打赌，当页面宽度缩小到足够时，您设置的最大高度下的较短/较宽图像边缘的自然高度。

这里最好的解决方案是提供一致大小的图像，正如@kursus建议的那样;否则，您可能会考虑在包含div上添加BG颜色，以便布局看起来正确，即使图像已损坏。