css3 - <img>圆角属性在手机浏览器显示不全

Question

首先看这张图的对比，同样的网页前端代码出来的效果

再看看我的前端代码，我在上直接加了 border-radius(圆角) 和 border(描边)

想请教大家的是：手机端显示圆角不全的原因是什么？能否在不替换使用圆角属性的情况下解决这个BUG？

Answer 1

建议你试一下：

border-radius: 50%;

Answer 2

图片明显不是正方形的，怎么可能变成圆形啊

Answer 3

头像两遍白边啊

Answer 4

用border-radius:50%;
是没有问题的，楼主可以尝试几个图片看看或者换几个浏览器看看。
先确定问题是浏览器兼容，还是图片造成的