是否更好地为圆边框指定border-radius百分比？

Question

通常，对border-radii使用百分比或像素/ em值是否更有效？

例如：对于200px乘200px的正方形图像，border-radius:50%或border-radius:100px中哪个最好？显然，圈子的百分比更容易管理，但是百分比难以计算？有什么警告吗？

这个问题假设使用兼容的浏览器和静态大小的图像。

Answer 1

我更喜欢使用百分比值，因为如果我更改图像的大小，我不需要更改边框半径。但是在MDN站点中，您可以阅读有关百分比值的错误：

百分比值

旧版Chrome和Safari版本不支持
• （已于2010年Sepember修复）
• 在11.50之前的Opera中有错误。
• 是在Gecko 2.0（Firefox 4）之前以非标准方式实现的。水平和垂直半径都相对于边框的宽度。
旧版iOS（5之前）和Android版本（WebKit 532之前）不支持

点击此链接了解详情：https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#_values