圆形 div 内部带有 img 宽度<高度高度<宽度 HTML / CSS

Question

所以我有一个圆形 div，里面有一个 img。问题是：

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

现在，如果用户上传的图片高度小于宽度 我可以采用高度：50 像素和宽度：自动；

但是如果用户上传的图片宽度小于高度 我需要制作高度：自动；和宽度：50px;

如果错误，则 div 没有填充此 img。

我该如何解决？

对不起，我是德国的学生，所以我写得不好：/

Answer 1

把图片放到css中：

background: url(img/...) no-repeat center center; 背景尺寸：封面；

就是这样！