round div with a img inside width <wysokość wysokość <szerokość HTML / CSS - html, css, image, rounding

więc mam okrągły div z img wewnątrz. Problemem jest:

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

Teraz, jeśli użytkownik przesyła obraz o mniejszej wysokości niż szerokość mogę wziąć wysokość: 50 pikseli i szerokość: auto;

ale jeśli użytkownik przesyła obraz o mniejszej szerokości niż wysokość muszę zrobić wysokość: auto; i szerokość: 50 pikseli;

Jeśli jest źle, div nie jest wypełniony tym img.

Jak mogę to rozwiązać?

przepraszam, jestem uczniem w Niemczech, więc nie mogę napisać dobrze: /

Odpowiedzi:

Umieść obraz w css:

background: url (img / ...) no-repeat center centrum; rozmiar tła: okładka;

To jest sposób !