<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>