css实现图片自适应宽高

根据容器，给定百分比宽或者高

<div class="wrapper">
  <img src="xxx.png">
</div>
<style>
  .wrapper{
    img{
      width: 100%;
   }
  }
</style>

使用背景图片，通过background-size: cover/contain又或者是具体的百分比去设置图片在容器中所占比例的大小。

<div class="wrapper">
</div>
<style>
  .wrapper{
    background: url("xxx.png");
    background-size: 100% auto;/* background-size: cover;*/
  }
</style>