我的网页上面有许多的图片，有的大，有的小，我想如果图片大的实现缩放，所有的都是一般大。来看看没有是什么效果。
大家看的出来，非常的难看的，于是我想让有没有一种方法是把那个大的变成小的呢？
<li><img src='http://pic2.ooopic.com/01/03/51/25b1ooopic19.jpg' width=400px height=400px /></li>
效果图如下：
但是如果图片太小了呢？就会被放大，好难看！！！有没有什么办法让大的变小，小的不被放大的方法呢？
<!doctype html public "-//w3c//dtd html 4.01 transitional//en"> <html> <head> <base href="<%=basepath%>"> <title>食物详情</title> </head> <body> <ul> <li><img name="pic" src='http://pic2.ooopic.com/01/03/51/25b1ooopic19.jpg' /></li> <li><img name="pic" src='http://baike.soso.com/p/20090711/20090711101754-314944703.jpg' /></li> <li><img name="pic" src='http://img2.3lian.com/img2007/19/33/005.jpg' /></li> <li><img name="pic" src='http://img.taopic.com/uploads/allimg/130501/240451-13050106450911.jpg' /></li> <script type="text/javascript"> function setimg(w, h){ alert("111"); //var imglist = document.getelementsbytagname('img'); var imglist = document.getelementsbyname("pic"); for(var i=0;i<imglist.length;i++){ alert("222"); if(imglist[i].width>w || imglist[i].height>h){ imglist[i].width = w; imglist[i].heigth = h; } } } setimg(400,400); </script> </ul> </body> </html>
效果如下：
以上就是html中关于img标签以及改变图片尺寸的详解（图）的详细内容。