浏览器前缀重写时间表

1. 什么是浏览器前缀

浏览器前缀是为了保证网页在不同浏览器中的兼容性而加入的一种前缀标识。在CSS中常见的浏览器前缀有-webkit、-moz、-ms、-o等。在HTML中也存在浏览器前缀，如-webkit-、-moz-等。在使用新的CSS属性或值时，可能会出现在某些浏览器中不能正确显示的情况，这时就需要使用浏览器前缀对其进行修复。

2. 为什么需要加浏览器前缀

由于浏览器的内核不同，对CSS的支持度也不同，有些CSS属性或者值只适用于某些浏览器，而其他浏览器未必支持。比如早期的IE浏览器对大部分CSS3属性都不支持，而Safari则支持大部分CSS3属性。为了解决这一问题，前端开发者们通常会对CSS加上特定的浏览器前缀，以便不同的浏览器能够兼容这些属性和值，从而达到更好的页面展示效果。

3. 浏览器前缀什么时候加

一般情况下，在使用新的CSS属性或者值时，应该优先考虑在不加前缀的情况下是否能够兼容较广泛的浏览器。如果不能，则应该为其加上各浏览器的前缀。

但需要注意的是，不应该为所有的新属性或者值都添加前缀，只需要为在市场上占有较大份额的浏览器添加即可。

4. 浏览器前缀重写时间表

随着时间的推移，不同浏览器的市场份额以及对各种CSS属性和值的支持也在不断发生变化。因此，浏览器前缀的加入与删除时间也在逐步调整。以下是一些常见的CSS属性的浏览器前缀加入与删除时间表：

属性	浏览器前缀	加入时间	删除时间
border-radius	-webkit-, -moz-, -o-	2005年、2008年、2008年	-webkit-：2011年；-moz-：2017年；-o-：2016年
box-shadow	-webkit-, -moz-	2008年、2009年	-webkit-：2011年；-moz-：2017年
transform	-webkit-, -moz-, -o-	2009年、2009年、2009年	-webkit-：2011年；-moz-：2017年；-o-：2016年
transition	-webkit-, -moz-	2009年、2009年	-webkit-：2011年；-moz-：2017年

5. 浏览器前缀的使用注意事项

虽然浏览器前缀在一定程度上可以解决不同浏览器之间的兼容性问题，但是过度地使用浏览器前缀也容易导致CSS代码的臃肿不堪。因此，在使用浏览器前缀时应该注意以下几点：

应该优先考虑不添加前缀的情况下是否能够兼容大部分主流浏览器；

应该尽可能少地添加浏览器前缀，尽量只添加在市场占有较大的浏览器中；

应该使用工具去自动添加浏览器前缀，例如PostCSS、Autoprefixer等。

6. 浏览器前缀的未来

随着W3C对CSS规范的不断推陈出新，浏览器前缀的实际使用意义也越来越小。因为众多新的CSS属性和值已经得到了主流浏览器的支持，且无需再添加前缀。同时，自动添加浏览器前缀的工具也越来越完善，终端用户也可以通过浏览器的自动更新，享受到更好的CSS兼容性支持。

7. 总结

浏览器前缀是为了保证不同浏览器中的页面兼容性而加入的一种前缀标识。在使用新的CSS属性或者值时应该谨慎地添加浏览器前缀，并尽可能少地添加，同时使用自动添加浏览器前缀的工具，以便更好地维护CSS代码。随着W3C对CSS规范的不断推陈出新，浏览器前缀的实际使用意义也越来越小。

文章TAG：浏览  浏览器  前缀  什么  浏览器前缀什么时候加