跨浏览器边界半径

Cross browser border-radius

例如使用 border-radius:5px 时,有多少个跨浏览器版本是合理的,可以在每个项目上养成使用习惯?

我一直在使用:

border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

这是否适用于所有现代浏览器,还是我应该做的其他事情?

border-radius: 12px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

关于border-radius,你可以简单地把它保留为

border-radius: 5px;

除非您希望实现对真正旧浏览器的支持see here


然而,对于其他 situations/css 属性,包含 -ms-, -moz-, -webkit- 和无前缀版本很重要。通过使用同一个网站,您会发现哪些浏览器需要每个 css 属性的前缀。