爲什麼我的img-responsive類不能正確縮放？

Question

http://www.blessedbythebestbarbershop.com/photos.html
由於某種原因，底部右邊的圖片不斷被調整到不同的高度，我不知道爲什麼。圖像大小與其他圖像大小相同5.任何人都可以告訴它爲什麼這樣做？

link to source

Answer 1

添加到什麼Syden says

目前第一印象：720像素×960像素（縮放到350像素×467px）
目前6圖像：528px×960像素（縮放到350像素×636px）

此第6張圖像與其他圖像的長寬比不同（具有11 : 20而不是15 : 20）。

您的圖像被縮放到設置的強制寬度（350px），因此圖像的高度與成比例，它的縮放寬度爲。爲了解決這個問題，你需要保持圖像縱橫比完全相同，所以當它們的寬度相等時，它們的高度都是相同的。

有各種解決方案，如強制CSS裁剪圖像和設置最大高度，但你可能不會想要這些。根據其他人簡單調整第六張圖片的容易度。

Answer 2

由於一些圖像是720×960像素和一些528 X 960像素。

如果可以的話，將它們全部變成靜態相同的大小。