最大高度和最大宽度答案

【问题标题】：Max Height and Max Width最大高度和最大宽度
【发布时间】：2013-09-23 00:04:31
【问题描述】：

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

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

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

为什么会这样？

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

使用“风格”

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

【讨论】：