CSS - 防止图像放大？

Question

在我的 CSS 中，我目前使用的是:

img.info {
    max-width: 620px;
    max-height: 800px;
}

不幸的是，当我的图片小于 max-width 和 max-height 时，它会被放大。我认为标准行为是不会发生缩放，但显然情况并非如此。有什么方法可以防止图像放大吗？

编辑:我找到了问题的根源，它出在我程序的一个完全不同的部分。我在上面发布的代码工作得很好。很抱歉这个不必要的帖子!

Answer 1

它适用于以下极简主义示例:

<style>
    img.a {
        max-width: 640px;
        max-height: 640px;
    }
</style>

<img src="(my local image file)" class="a">

图像没有按比例放大。当然，如果我还添加了 width 和 height 属性，它就可以了。因此，请检查您是否有任何其他可能适用于您的图像的 CSS 属性。您可以使用 Firebug以准确找出哪些 CSS 属性适用于您的图像。