1.width:100%;高度自适应；
<style>
div{width: 200px;}
div img{width: 100%;}
</style>
<div>
<img src="xxxx.png" />
</div>
2.通过给div设置background实现自适应
<style>
div{
width: 200px;
height: 200px;
background: url('xxxx.png') no-repeat;
background-size: cover;
background-position: center center;
}
</style>
<div></div>
优点：不会造成图片变形；缺点：图片可能显示不完全。
