Html 图像链接扩展为“填充最大宽度”，但忽略“最大高度”

我有一个链接的图像。我给它分配了一个类，并给它分配了一个最大宽度和最大高度。但是，图像会扩展到最大宽度，而忽略最大高度

雇员再培训局：

<%= link_to image_tag(@user.image, class:"avatar"), "#" %>

.avatar {max-width: 50px; max-height: 40px; position: relative; float: left;}

有人知道它为什么这么做吗

编辑

---

好吧，现在我真的很困惑…这个问题持续了大约两个小时，但就在我发布这个问题之后，它随机开始工作，而我没有更改任何代码…也许它被缓存了？不管怎样，我想问题已经解决了。

您是否尝试过

最大高度：40px！重要的。是的，很可能是缓存问题…@MazeRunner这真的很奇怪，这个问题持续了大约2个小时，但在我发布这个问题后就开始工作了，尽管之后我没有更改任何代码。