내 img 응답 클래스가 올바르게 확장되지 않는 이유는 무엇입니까?

Question

http://www.blessedbythebestbarbershop.com/photos.html
오른쪽 아래 그림의 크기가 다른 이유로 높이가 계속 변하는 이유는 무엇입니까? 이미지 크기는 다른 것과 같습니다. 5. 왜 그 일을하는 사람이 누구인지 말할 수 있습니까?

link to source

Answer 1

무엇 Syden says

현재 첫번째 이미지에 추가 : 720px × 960 픽셀
현재 6 이미지 (확장 × 467px 350px에) : 528px × 960 픽셀

(확장 636px × 350px에) 이 여섯 번째 이미지는 다른 이미지의 종횡비가 다릅니다 (15 : 20이 아닌 11 : 20).

귀하의 이미지는 설정된 폭 (350px)으로 축척되므로 이미지의 높이는 의 비례 폭 ()에 비례합니다. 문제를 해결하려면 이미지 종횡비를 모두 똑같이 유지해야하므로 동일한 너비 인 경우 모두 동일한 높이가됩니다.

이미지의 CSS 자르기 및 최대 높이 설정과 같은 다양한 솔루션이 있지만 이러한 기능은 원치 않을 것입니다. 다른 이미지에 따라 여섯 번째 이미지의 크기를 간단하게 조정하는 것이 훨씬 쉽습니다.

Answer 2

일부 이미지는 720 X 960 X (528) 및 일부이므로 960.

포토샵은 가능한 한 정적 인 동일한 크기로 만듭니다.