CSS图像调整大小问题

Question

调整在管理面板中设置的图像大小时出现问题。

.users-list>li img {

    border-radius: 50%;

    max-width: 100%;

    height: auto;

    width: 100px;

    height: 100px;

}

当最大化时，图像看起来很棒：

但是，如果我调整浏览器的大小，它们都会缩小：

然后我尝试删除height: 100px似乎可以解决问题的属性，但是由于某种原因关闭了一张图像：

Answer 1

您还可以height在<img>标签中使用属性。像这样&nbsp;<img src="/path/to/image" height="40">没有任何CSS

Answer 2

只需删除height: 100px;即.users-list>li img {&nbsp; &nbsp; border-radius: 50%;&nbsp; &nbsp; max-width: 100%;&nbsp; &nbsp; height: auto;&nbsp; &nbsp; width: 100px;}