Question

DIV+CSS，如何让图片自适应大小？

我在页面上放了几个Image控件，如何让它在后台动态调用图片是不超过我设定的大小？就是说图片超过我设定的大小后就自动缩小，而不吧DIV给撑开

Answer 1

JS

<script type="text/javascript">
function reSizeImg(obj,reWidth){
if(obj.readyState=="complete")
{
var imgWidth=obj.offsetWidth;
var imgHeight=obj.offsetHeight;
if(imgWidth>reWidth)
{
p=imgWidth/reWidth;
cHeight=Math.floor(imgHeight/p);
obj.width=reWidth;
obj.height=cHeight;
}
}
}
</script>

//调用

<img src="图片地址" onload="reSizeImg(this,200);" />

Answer 2

这个才是你真正需要的答案。

<script>
var MaxHeight=100; //图片最大高度
var MaxWidth=100; //图片最大宽度
</script>

<img border="0" src="图片地址" onload="javascript:if(this.height>MaxHeight)this.height=MaxHeight;if(this.width>MaxWidth)this.width=MaxWidth;">

Answer 3

给div加个样式
然后把div设置成固定大小
添加图片的时候div就不会变了

Answer 4

放在CSS文件里面代码
.Size{
width:150px;
height:150px;
}
图片调用css代码<img src="图片路径" class="Size" alt="当图片不能正常显示是，替换它的文字"/>
所有只要都调用class="Size"就可以实现全部图片都是150px的尺寸

Answer 5

适应哪的大小？