css手机端图片比例1:1显示

 <div class="pic">
   <img src="***.png" />
</div>


    .pic{
        width: 14.5%;
        height: 0;
        padding-bottom: 14.5%;
        position: relative;
        border-radius: 50%;
        overflow: hidden;
    }
.pic img {
      width: 100%;
      position: absolute;
}