Question

css 如何设置 某div 里面的所有图片的最大宽度。当加入文章里图片时，图片自动按比例减小。

。

Answer 1

<div id="a1">
<div id="a2">
<img src="aa.JPG" width="100px" height="100px" />
这里很多文字。
</div>
</div>

这样就可以~,但是如果图片小于100*100px, 也会被拉伸到100*100px.

Answer 2

#a2 img {max-width:100px; max-height:100px;}(IE7以上版本、FF。。)

IE6只有用JS来实现,要先判断图片的宽度和高度中哪一个值比较大，再判断这个值有没有超出DIV的范围，如果超出，则重定义图片的大小

如果不想用JS，只好牺牲IE6
div {width:20px; height:20px; border:solid 1px #f11; overflow:hidden;}
div img {max-width:20px; max-height:20px; _width:20px; _height:20px;}（在IE6中将图片设为固定大小，其它浏览器图片自动调整）

Answer 3

图片宽度大于100px时，自动缩小尺寸。而当所上传的尺寸小于100px时，图片不变化， 这样的话要用JS来做了

Answer 4

1楼错了.lz要求按比例缩小.

#a2 img{width:100px;}

当然,如果图片不够100它也会自动扩大.