用rem做单位的元素使用border-radius：50%做出来的圆不太圆？

Question

https://jsfiddle.net/sc8q82Ls/

很奇怪的问题有的尺寸下会看起来不圆，有些却没有问题？不知道是什么问题？

Answer 1

用border-radius:.6rem

Answer 2

没有发现不圆啊...
demo

Answer 3

看下是不是外层的标签的css影响

Answer 4

直接border-radius:9999px

Answer 5

border-radius: 100%;

Answer 6

得设置box-sizing:border-box才可以

Answer 7

https://github.com/yisibl/blo...

Answer 8

单独换成px为单位就可以解决，
在安卓浏览器会出现不太圆的情况，在iOS上会圆，

Answer 9

确实会有这个问题，我也碰到了，现在也没有解决的办法，但是如果换成PX的话，又可以正常显示了