为什么我的 img-responsive class 没有正确缩放?

Why is my img-responsive class not scaling correctly?

http://www.blessedbythebestbarbershop.com/photos.html
出于某种原因,右下角的图片不断调整到不同的高度,我不确定为什么。图像大小与其他 5 个相同。任何人都可以告诉它为什么这样做吗?

link to source

因为有些图片是 720 x 960 像素,有些是 528 x 960 像素。

如果可以,将它们全部用 Photoshop 处理成静态的相同大小。

添加到

Currently first images: 720px × 960px (scaled to 350px × 467px)
Currently 6th image: 528px × 960px (scaled to 350px × 636px)

第 6 张图片的纵横比与其他图片不同(11 : 20 而不是 15 : 20)。

您的图像被缩放到设置的强制宽度 (350px),因此图像的高度与它的缩放宽度成正比。为了解决这个问题,您需要保持图像的纵横比完全相同,所以当它们的宽度相等时,它们的高度也将相等。

有多种解决方案,例如强制 CSS 裁剪图像和设置最大高度,但您可能不需要这些。根据其他图像简单地调整第 6 个图像的大小要容易得多。