我希望图像的高度为 725 或宽度为 500，并保持其纵横比。当我的图像高度超过 725 且厚度小于 500 时，它们会被拉伸以适合 500 的宽度。
做这个的最好方式是什么？
以下是我现在正在做的事情：
<asp:Image Height="725" width="500" ID="img_DocPreview" />
Update:改成了这个，但还是有同样的问题。如果我只指定高度，它将保持纵横比，但它超出了我想要的最大宽度 500px。
<img style="height:725px;width:500px;" id="img_DocPreview" src="Images/empty.jpg" />
你可以试试这个
img{
max-height:500px;
max-width:500px;
height:auto;
width:auto;
}
这会保持图像的纵横比并防止两个尺寸超过 500 像素
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
