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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容