Faire toutes les photos square via css

Je suis en train de faire une série de photos en photos carrées. Ils peuvent être de forme rectangulaire, à l'horizontale (c'est à dire 600x400) ou verticalement (400x600), mais je veux les amener à être 175x175 de toute façon. Mon idée a été de max-height et max-largeur du plus petit côté, et ne pas permettre à débordement au-delà de 175px sur le grand côté...cependant, je vais avoir des problèmes avec elle.

Est-ce possible avec css?

Ci-dessous est une tentative de ma part, mais de donner des rectangles encore:

<div style="min-height:175px; overflow:hidden; max-height:175px;">
<img style="min-width:175px; overflow:hidden; max-height:175px;" src="/photo.png">
</div>
Ne vous vous souciez de ratio d'aspect?
Je ne veux pas juste faire width=175 hauteur=175 comme il va regarder vraiment déformée. Mais si légèrement déformée, c'est bien.

OriginalL'auteur user749798 | 2012-11-22