如何控制图片大小让图片不变形？- 长沙做网站精英社区

如何控制图片大小让图片不变形？

图片话题编辑

我刚开始学习做网站，想问下如何控制图片大小让图片不变形？

关注的人 时间 票数
4 个回复

使用以下代码就可以控制图片大小让图片不变形。
<img src="http://www.csjwang.com/templates/Official/images/head.gif" onload="if(this.width>120)this.width=180">
src是图片路径
120是图片的宽度
180是图片的高度

2013-05-14添加评论

netuse

网站制作过程中我们会经常遇到图片尺寸大小控制的问题，如果固定图片尺寸，有时候图片显示时候会出现变形的情况，这样严重影响网站视觉效果，如果不控制图片尺寸，有时候传图片尺寸大的时候整个网页又会错位。使用以上代码很好的解决了我的问题。

2013-05-14添加评论

netuse

还可以用css控制
img {max-width:230px;myimg:expression_r(onload=function(){this.style.width=(this.offsetWidth > 230)?"230px":"auto"});}
设置最大宽度是230px 如果大于230就把图片宽度设置为230 高度就会随着比例也会缩小不会造成图片变形

2013-05-14添加评论

guihua

很感谢，完美解决。

2013-05-14添加评论