css border-radius在桌面（chrome）和android中的呈现方式不同

Question

我想在phonegap应用程序上实现以下饼图：

http://codepen.io/anon/pen/betEm

但是，在Android浏览器（phonegap）上，图表的呈现方式如下：

类似的问题也发生在（。）微调器上。

在我看来这个属性

 border-radius: 100% 0 0 100% / 50% 0 0 50%;

是在我们的桌面浏览器和Android浏览器中不同地呈现的那个。