html - 最大高度和最大宽度

Question

我显示了一组不能大于 100 像素 x 59 像素的图像。但是，我确实有许多这些图像的比例较小，约为 70 像素 x 59 像素。为此，我有这行 HTML 来显示图像：

<img src="image/image1.jpg " max-width="100px" max-height="59px" alt="Image1">

但是，这不会限制约束，并且无论如何都会显示图像的原始大小。

为什么会这样？

Answer 1

使用“风格”

<img src="image/image1.jpg" style="max-width: 100px; max-height: 59px;" alt="Image1">

Answer 2

而不是使用最大高度和最大宽度，只使用高度和宽度属性。但它最终会拉伸您的图像，以防它们的尺寸较小。

Answer 3

您还需要设置width: 100%;和height: 100%;。