最大高度和最大宽度

Question

我有一组图像显示不能大于100px x 59px。然而，我确实有许多这些图像缩小到约70px x 59px左右。为此我有这行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

而不是使用max-height和max-width，只使用height和width属性。但它会最终拉伸你的图像，以防它们的尺寸较小。

Answer 3

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