在我的 CSS 中,我目前正在使用这个:
img.info {
max-width: 620px;
max-height: 800px;
}
Run Code Online (Sandbox Code Playgroud)
不幸的是,当我的图像小于max-width和时max-height,它会被放大。我认为标准行为是不会发生缩放,但显然情况并非如此。有什么办法可以防止图像放大吗?
编辑:我找到了问题的根源,它位于我的程序的完全不同的部分。我上面发布的代码工作得很好。抱歉这个不必要的帖子!
它与以下极简示例配合得很好:
\n\n<style>\n img.a {\n max-width: 640px;\n max-height: 640px;\n }\n</style>\n\n<img src="(my local image file)" class="a">\nRun Code Online (Sandbox Code Playgroud)\n\n图像不会\xe2\x80\x99 被放大。当然,如果我还添加width和height属性就可以了。因此,请检查是否有任何其他可能适用于您的图像的 CSS 属性。您可以使用Firebug准确找出哪些 CSS 属性适用于您的图像。