css - “边界半径”可以接受吗？

Question

我正在制作一个网站，想知道 CSS 属性“borderRadius”是否“可接受”。就像，应该期望每个人都有一个支持它的浏览器，还是它仍然太不受支持以至于我不应该使用它？

Answer 1

现在是查看http://caniuse.com以了解哪些浏览器支持，哪些不支持的详细信息的好时机。此外，http://css3please.com将告诉您实现它以获得最广泛支持的正确方法。

从第一个站点，我们看到支持并不是那么糟糕，尽管我们需要为某些浏览器使用一些前缀。第二个站点为我们提供了以下实现：

.box_round {
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, 
                                  iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding; 
          background-clip: padding-box;      
}

任何不理解它的浏览器都会忽略它，然后继续下一条规则。有了这个，请确保不要以任何方式使用它，因为您的布局依赖于它的可用性。将其用作渐进增强，而不是必要的功能。

Answer 2

根据我的经验，不识别边界半径的浏览器会忽略它。因此，具有前瞻性并使用它符合您的最大利益。较旧的浏览器只会显示默认的块角而不是圆角。

不要让旧版浏览器缺少该功能阻止您改善已升级浏览器的用户体验。