图像链接会扩展以填充最大宽度，但会忽略最大高度

Question

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

ERB：

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

的CSS：

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

有没有人知道为什么要这样做？

修改

好了，现在我真的很困惑......这个问题持续了两个小时，但在我发布这个问题之后，它随机开始工作，没有我更改任何代码....也许它被缓存了某种方式？无论如何，问题解决了我猜...