Html 如果图像较大,则强制将其设置为特定大小

Html 如果图像较大,则强制将其设置为特定大小,html,Html,我在图像标签中显示了一个图像: 这些是缩略图,但有些有点太宽,因此对于这些图像,我想强制显示器缩小它们(即使加载了较大的图像) 如何对较大的图像执行此操作,而不扩展较小的图像。您可以仅为超过给定高度或宽度的图像添加css类,然后在样式表中设置高度和宽度。您可以在图像上使用css属性max width和max height img { max-width: 300px; max-height: 200px; } 适用于所有流行浏览器,包括IE8。您只需将标记的高度和宽度属性指定

我在图像标签中显示了一个图像:

这些是缩略图,但有些有点太宽,因此对于这些图像,我想强制显示器缩小它们(即使加载了较大的图像)


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

您可以仅为超过给定高度或宽度的图像添加css类,然后在样式表中设置高度和宽度。

您可以在图像上使用css属性max width和max height

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

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

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