为什么我必须使用相同css的前缀来处理不同的浏览器?

Sch*_*Cat 6 html css

我很好奇,为什么有些浏览器需要相同的css布局命令的特殊邀请.任何人都可以开导我吗?

示例:CSS格式:box-sizing:border-box; (请考虑我的盒子的边框尺寸!)

现在来到firefox和safari,他们需要一个特殊的邀请:

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
Run Code Online (Sandbox Code Playgroud)

对于像我这样的简单的猫,这似乎在说:

  1. 浏览器:我给你的尺寸是我盒子的边框!
  2. firefox:这对你来说也很重要.
  3. Safari:它也适合你.

我的意思是......为什么?它的语法完全相同!为什么我必须告诉特定浏览器相同的东西?我会理解他们是否需要不同的语法..但完全相同?!他们喜欢听到他们的名字被叫吗?

Luc*_*uca 1

因为这些属性没有被 W3C 标准化,它们仍处于草案阶段,因此供应商实现了自己的版本 - 使用前缀来避免与其他浏览器实现或规范最终确定后的最终实现发生冲突。