Runde div mit einem img Innenbreite <height Höhe <Breite HTML/CSS

Question

, so habe ich eine Runde div mit einem innen img. Das Problem ist:

#mydiv 
{ 
width: 50px; 
height: 50px; 
overflow: hidden; 
border-radius: 25px; 
} 

Nun, wenn ein Benutzer ein Bild mit geringerer Höhe als uploads Breite i Höhe nehmen kann: 50px und Breite: auto;

aber wenn ein Benutzer lädt ein Bild mit weniger Breite als Höhe i Höhe vornehmen müssen: auto; und Breite: 50px;

Wenn sein falsch, das div ist nicht mit diesem img gefüllt.

Wie kann ich es lösen?

sorry, im Schüler in Deutschland so kann ich nicht gut schreiben:/

Answer 1

das Bild in CSS-Put:

background: url (img/...) no-repeat mitte; Hintergrund-size: bedecken;

Das ist der Weg!