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

我想有一个图像有一个高度725或宽度500，并保持其纵横比。当我有高度超过725，厚度小于500的图像时，它们会被拉伸到适合500的宽度

最好的方法是什么

下面是我现在正在做的事情：

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

更新： 将其更改为此，但有相同的问题。如果我只指定高度，它将保持纵横比，但它超过了我想要的最大宽度500px

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

---

如果只指定高度或宽度，但不同时指定两者，大多数浏览器都会遵守纵横比

---

因为您正在使用ASP.NET服务器控件，您可以考虑在呈现之前在服务器端执行逻辑以决定您要指定的（高度或宽度）属性；也就是说，如果您希望在一种情况下有固定的高度，或者在另一种情况下有固定的宽度。

编辑以添加对ie6的支持：

试一试

---

这应将高度设置为725px，但防止宽度超过500px。宽度表达式适用于ie6，其他浏览器会忽略它。

您可以使用一些CSS，并且基于kbrimington的思想，它应该可以做到这一点

CSS可以是这样的

img {
  width:  75px;
  height: auto;
}

我从这里得到的：

你可以试试这个

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

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

---

您可以选中此项设置图像样式

<asp:Image ID="Image1" runat="server" style="max-height:1000px;max-width:900px;height:auto;width:auto;" />

周围div的高度/宽度是多少？尝试使用just和tag也这样做。周围的div上没有指定高度/宽度。我也尝试使用img，但也有相同的问题。我实际上再次查看了我的代码，没有理由为此使用asp.net图像控件，它实际上为我做了更多的工作。我是否应该考虑使用Javascript来决定我的图像是使用高度还是宽度？@Abe-“应该”是一个强有力的词。你当然可以。也许一些JQuery大师可以提出一个解决方案。有人能批准这个方案吗？另外，它肯定不会在IE6中工作，因为IE6在最大高度、最大宽度上都会失败。实际上从未使用过它，所以我忘了IE7和IE8是否也遇到问题。更新了使用表达式（microsoft专有）添加ie6支持的代码。asp:Image控件没有“style”属性。这将导致错误。内联样式应该是camelCase吗？@Anup不清楚您的确切意思。无论如何，代码将用于维护图像显示sizestyle=“max height:1000px；我们只是问在camelCase maxHeight:100px@Anup对不起，我不太清楚，你可以试试看。

<asp:Image ID="Image1" runat="server" style="max-height:1000px;max-width:900px;height:auto;width:auto;" />