html - 有没有办法指定图像的最大高度或宽度？

Question

我想要一个高度为 725 或宽度为 500 的图像，并保持其纵横比。当我的图像高度超过 725 且小于 500 时，它们会被拉伸(stretch)以适应 500 的宽度。

执行此操作的最佳方法是什么？

下面是我现在正在做的:

<asp:Image Height="725" width="500" ID="img_DocPreview" />

更新: 改成这个，还是有同样的问题。如果我只指定高度，它将保持纵横比，但它超过了我想要的最大宽度 500px。

<img style="height:725px;width:500px;" id="img_DocPreview" src="Images/empty.jpg" />

Answer 1

你可以试试这个

img{
    max-height:500px;
    max-width:500px;
    height:auto;
    width:auto;
}

这会保持图像的纵横比并防止两个尺寸超过 500px

你可以查看这个post