html - 带边框的图像不理想

Question

我设置图像边框使用

img {
    width: 25%;
    border-radius: 50%;
    border: 5px red solid;
}

它应该是这样的

但是在一些低Android版本的Android Web默认浏览器上，它变成了

我的 Android 版本是 4.1。

如何用 CSS 解决这个问题？

Answer 1

或者 border 使用 box-shadow

box-shadow: 0px 0px 0px 5px red;

演示 - http://jsfiddle.net/Lkdyv2jj/5/

img {
  width: 100px;
  border-radius: 50px;
  box-shadow: 0px 0px 0px 5px red;
}

<img src="http://zhangwenli.com/YooYo/img/avatar.png" />