跨浏览器边界半径
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 属性的前缀。
例如使用 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 属性的前缀。