img宽高一样,border-radius: 50%,为什么不是正圆???

clipboard.png

    <div>
        <img style="width: 60px;height:60px;border-radius: 50%" src="~@/asset/person.jpg">
    </div>
    

clipboard.png

  <div>
        <img style="width: 60px;height:60px;border-radius: 50%;border: 1px solid red" src="~@/asset/person.jpg">
    </div>
    

img宽高一样,border-radius: 50%,为什么不是正圆???
老铁们, 这是什么问题??

PS:现在就很郁闷了,width: 60px;height:60px设置后,img的宽高不一样,但是原图的大小是200*200,怎么肥事?css失效了?

PPS:问题解决,图片原因,图片上下有白边,感谢各位老铁啊~_~

阅读 5.5k
评论
    8 个回答

    将图片的宽高设置成相同的值;border-radius:50%就可以

      相似问题
      推荐文章