<li><img src="xxx.jpg" /></li>
<li><img src="xxx.jpg" /></li>
<li><img src="xxx.jpg" /></li>
</ul>
//css
ul { width:100% height:300px}
ul li img { width:100%height:300px} //图片宽高、父级元素宽高都用百分比来自适应,高度我一般还是给个定值
单独的图片控制,用这个:代码如下:
<script>
var abc=document.getElementById("abc")
var imgs=abc.getElementsByTagName("img")
for (var i=0,gg=imgs[i]i++)
g.onload=function(){if (this.width>300){this.width=300}else{if (this.height>300)this.height=300}}
</script>