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

Question

  

可能重复：
  Set image max size

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

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

这可以在HTML中进行吗？或者我是否需要在服务器端调整图像大小？

Answer 1

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

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