html - 仅在太大时调整图像大小

Question

可能重复：
设置图像最大尺寸

我有一个100x150 px显示图像的区域。

如果要显示的图像大于该区域，则应调整其大小（限制宽度和高度）以适合该区域，但是当它小于该区域时，应保持原始大小。

这可以做HTML吗？还是我需要在服务器端调整图像大小？

Answer 1

只需指定max-width和max-height样式：

img {
    max-width: 100px;
    max-height: 150px;
}