Próbuję zrobić serię zdjęć w kwadratowe zdjęcia. Mogą być prostokątne w poziomie (tj. 600x400) lub w pionie (400x600), ale chcę, aby były one 175x175 w obu kierunkach. Moją myślą było maksymalne zwiększenie lub zmniejszenie szerokości mniejszego boku i nie pozwalanie na przepełnienie powyżej 175px na większej stronie ... jednak mam z tym problemy.

Czy to możliwe dzięki css?

Poniżej przedstawiam moją próbę, ale wciąż nadającą prostokątom:

<div style="min-height:175px; overflow:hidden; max-height:175px;">
<img style="min-width:175px; overflow:hidden; max-height:175px;" src="/photo.png">
</div>