html – 如何在CSS中设置图像的最大宽度

在我的网站上,我想显示用户在一个新窗口中上传的具有特定大小(宽度:600像素)的图片。问题是图像可能很大。因此,如果他们大于这些600px,我想调整它们的大小,保持宽高比。

我试过max-width CSS属性,但它不工作:图像的大小不会改变。

有没有办法解决这个问题?

HTML:

<div id="ImageContainerr">
    <img src="DisplayImage.do?ad_id=${requestScope.advert.id}" class="Image" />
</div>

CSS:

img.Image { max-width: 100%;}
div#ImageContainer { width: 600px; }

我也尝试设置max-width:600px的图像,但不工作。该映像是从servlet(它存储在Tomcat的webapps文件夹外部)流式传输的。

你可以这样写:

img{
    width:100%;
    max-width:600px;
}

检查这个http://jsfiddle.net/ErNeT/

相关文章
相关标签/搜索