图片响应式

<div class="img-wrapper">

  <img src="xxx.png" alt="" class="img-style"/> 

</div>

<style>

  .img-wrapper{

    overflow: hidden;

    width:100%;

    height: 0;
    padding-bottom:(height/width)%100%;
  }

   .img-style{

    width:100%;
  }
</style>

 

上一篇:顺时针打印矩阵


下一篇:footer不满一屏固定在底部,超过一屏跟随滚动