круглый div с img внутри ширина <высота высота <ширина HTML/CSS

Question

поэтому у меня есть круглый div с img внутри. Проблема заключается в том:

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

Теперь, если пользователь загружает изображение с меньшим, чем высота ширина я могу взять высоту: 50px и ширина: автоматическая;

, но если пользователь загружает картинку с меньшей шириной, чем высота Мне нужно сделать высоту: авто; и ширина: 50 пикселей;

Если это не так, div не заполняется этим img.

Как я могу это решить?

извините, им ученик в Германии, так что я не могу писать хорошо:/

Answer 1

Поместите изображение в CSS:

фон: URL (IMG/...) не повторять центр центр; размер фона: обложка;

Вот именно так!