为什么我的img-responsive类没有正确缩放？

Question

http://www.blessedbythebestbarbershop.com/photos.html
由于某种原因，右下方的图片不断调整到不同的高度，我不知道为什么。图像大小与其他5相同。任何人都可以告诉它为什么这样做？

link to source

Answer 1

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

如果可以的话，将它们全部归为静态相同尺寸。

Answer 2

添加到Syden says

  

目前第一张图片：720px×960px（缩放至350px×467px）
  目前第6张图片：528px×960px（缩放至350px×636px）

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

您的图像被缩放到设定的强制宽度（350px），因此图像的高度与它的缩放宽度成比例。为了解决这个问题，你需要保持图像长宽比完全相同，所以当它们的宽度相等时，它们的高度都相等。

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