仅在太大时才调整图像大小

Question

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

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

如果要显示的图像大于此区域,则应调整其大小(约束宽度和高度)以适合该区域,但是当它小于该区域时,它应保持原始大小.

这有可能HTML吗？或者我是否需要在服务器端调整图像大小？

Answer 1

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

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