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

Question

通常,对边界半径使用百分比或像素/ em值是否更有效？

举一个例子:对于正方形图像200像素200像素通过,其总分border-radius:50%或border-radius:100px最好？显然,圈子的百分比更容易管理,但是百分比难以计算？有什么警告吗？

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

Answer 1

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

百分比值

• 旧版 Chrome 和 Safari 不支持（已于 2010 年 9 月修复）
• 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