css -浏览器前缀有时候可能会看到有些 CSS 属性前面带有 -0-,-xv-,-ms-,-mso-,-moz-,-w

有时候可能会看到有些 CSS 属性前面带有 -0-,-xv-,-ms-,-mso-,-moz-,-webkit-

-o-transform: translate(100px);
-ms-transform:translate(100px);
-webkit-transform: translate(100px);
-moz-transform: translate(100px);

官方文档专业术语叫做: vendor-specific extensions (供应商拓展)

为什么需要浏览器前缀?

一个新的CSS 属性 刚开始并没有成为标准,在没有成为标准前,不排除这个CSS属性会被修改名字, 浏览器为了防止后续修改名字导致的问题,会给这个CSS属性添加上自己的浏览器前缀.这样即使这个CSS属性修改名字了,也不影响显示.

上述前缀叫做浏览器前缀,只有对应的浏览器才能解析使用,常见前缀及对应浏览器厂商:

注意:浏览器不需要手动添加,模块化打包工具会自动添加浏览器前缀.