如果图像较大，则将图像强制为特定大小

Question

我有一张我在图片标签中显示的图片：

这些是缩略图，但有些是略宽的，所以对于那些我想强制显示缩小它们的图像（即使加载了较大的图像）。

如何对较大的图像执行此操作，而不扩展较小的图像。

Answer 1

您可以在图像上使用CSS属性max-width和max-height。

img {
    max-width: 300px;
    max-height: 200px;
}

适用于所有流行的浏览器，包括IE8。

Answer 2

您只能将css类添加到超过给定高度或宽度的图像，然后在样式表中设置高度和宽度。

Answer 3

您只需指定＆lt; img＆gt;的高度和宽度属性即可。标记为通常适合您可能遇到的大多数图像的值。