一尘不染

在IE6中使用一个(CSS)尺寸缩放图像时如何保持长宽比?

css

这是问题所在。我有一张图片:

<img alt="alttext" src="filename.jpg"/>

注意未指定高度或宽度。

在某些页面上,我只想显示一个缩略图。我无法更改html,因此我使用以下CSS:

.blog_list div.postbody img { width:75px; }

哪一个(在大多数浏览器中)制作的页面具有统一的宽缩略图,所有缩略图均保留长宽比。

但是在IE6中,图像仅按CSS中指定的尺寸缩放。它保留了“自然”的高度。

对于所有建议,我将非常感谢,但我想指出一点(由于所选平台的客户端的局限性),我正在寻找不涉及修改html的内容。CSS也比javascript更可取。

编辑:应该提到图像的大小和纵横比不同。


阅读 249

收藏
2020-05-16

共1个答案

一尘不染

亚当·卢特(Adam Luter)给了我这个主意,但实际上却很简单:

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

IE6现在可以很好地缩放图像,这似乎是所有其他浏览器默认使用的图像。

谢谢你的两个答案!

2020-05-16