HTML显示调整大小的图像保持比率

Question

我想显示网址中的图片，我希望该图片具有给定的尺寸，但我希望保持高度和宽度之间的比例。

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中保持至少