HTML显示调整大小的图像主观比率

Question

我想显示一个URL的图像，我希望该图像具有给定的大小，但我想保持高度和宽度之间的比例。

Answer 1

CSS：

img { 
width: 30%; 
height: auto; 
} 

像这样的事情？

Answer 2

<img src="http://..." height="100" /> 

尽管客户端调整大小通常看起来很糟糕，但这里没什么魔法。

Answer 3

您可以使用CSS，如果您使用PX例如样式的图像

我相信，仅指定一个维度

img {width:100px} 

的比例通常维持

您可以使用

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

这可能有帮助

如果使用

img {width:100px} 

的比率被维持在IE 7至少