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

时间:2009-01-29 19:52:31

标签: html css

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

3 个答案:

答案 0 :(得分:5)

CSS:

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

这样的东西?

答案 1 :(得分:2)

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

这里没有什么魔力,虽然客户端调整大小通常看起来很糟糕。

答案 2 :(得分:0)

你可以用css来设置图像样式

我相信如果您使用px,并且只指定一个维度

img {width:100px}

通常保持这个比率

您可以使用

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

可能会有所帮助

如果您使用

img {width:100px} 

该比率在IE 7中保持至少