我想有一个图像要么有一个高度为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" />
5条答案
按热度按时间rbpvctlc1#
你可以试试这个
这保持了图像的宽高比,并防止两个维度超过500px
vcudknz32#
编辑添加对ie6的支持:
试试看
这应该将高度设置为725px,但防止宽度超过500px。width表达式适用于ie6,其他浏览器会忽略它。
yizd12fk3#
如果你只指定了高度或宽度,而不是同时指定,大多数浏览器都荣誉宽高比。
由于您使用的是ASP.NET服务器控件,因此可以考虑在呈现之前在服务器端执行逻辑,以决定要指定哪个(高度或宽度)属性;也就是说,如果您希望在一个条件下具有固定的高度,或者在另一个条件下具有固定的宽度。
vom3gejh4#
为图像设置样式
zf9nrax15#
你可以使用一些CSS和kbrimington的想法,它应该做的伎俩。
CSS可以是这样的。
我从这里得到它:another post