English 中文(简体)
HTML显示一个保持比例的调整大小的图像。
原标题:
  • 时间:2009-01-29 19:52:31
  •  标签:

我想展示一个从URL获取的图片,并设置其大小,但我希望保持图片高度和宽度之间的比例。

问题回答

CSS:层叠样式表

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

这样的东西?

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

没有什么魔法,尽管客户端调整大小通常看起来很糟糕。

你可以使用CSS来设置图片的风格。

我相信,如果你使用 px 举例,只指定一个维度

img {width:100px}

比率通常保持不变

你可以使用

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

这可能会有帮助

如果你使用

img {width:100px} 

比例至少在IE 7中保持不变





相关问题
热门标签