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

Question

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

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

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

Answer 1

建議你試試看：

border-radius: 50%;

Answer 2

圖片明顯不是正方形的，怎麼可能變成圓形啊

Answer 3

頭像兩遍白邊啊

Answer 4

用border-radius:50%;
是沒有問題的，樓主可以嘗試幾個圖片看看或換幾個瀏覽器看看。
先確定問題是瀏覽器相容，還是圖片造成的