브라우저에서 CSS 명령이 다른 이유

Question

최근에 css3 명령을 확인했습니다. 모든 브라우저에서 일부 브라우저가 다른 이유는 무엇입니까? 그들 모두가 같은 인수를 동의하는 경우 그들이 서로 다른 만드는 이유는 무엇

예를 들어, this 2D transform example

div 
{ 
transform: rotate(30deg); 
-ms-transform: rotate(30deg); /* IE 9 */ 
-webkit-transform: rotate(30deg); /* Safari and Chrome */ 
-o-transform: rotate(30deg); /* Opera */ 
-moz-transform: rotate(30deg); /* Firefox */ 
} 

를 살펴? 베타 단계에 있습니까? 그들은 동일 할 것입니까 (베타 단계 이후)? 당신은 사실 this animation example

@keyframes myfirst 
{ 
from {background: red;} 
to {background: yellow;} 
} 

@-moz-keyframes myfirst /* Firefox */ 
{ 
from {background: red;} 
to {background: yellow;} 
} 

@-webkit-keyframes myfirst /* Safari and Chrome */ 
{ 
from {background: red;} 
to {background: yellow;} 
} 

@-o-keyframes myfirst /* Opera */ 
{ 
from {background: red;} 
to {background: yellow;} 
} 

Answer 1

질문에 대답하려면 - 예, 그들은 대개 베타 구현을 나타냅니다. 특정 등록 정보가 표준화되고 브라우저 공급 업체가 개 정되지 않은 버전을 추가하면 대개 접두사가 붙은 버전을 별칭으로 유지하고 나중에 사용하지 않습니다. 또한 예, 표준화되면 예기치 않은 버그가 발생하지 않는 한 동작이 동일해야합니다.

CSS 공급 업체별 확장은 specification의 일부입니다. 브라우저 공급 업체는 비표준 또는 비표준 CSS 기능을 브라우저에 추가하기 위해 브라우저 공급 업체를 사용합니다. 각 브라우저에서 기능이 다를 수 있으며 미리 접하지 않은 규칙이 표준화되면 최종 기능이 아닐 수도 있습니다.

CSS 공급 업체 접두사는 useful approaches이지만 더 밝게 처리하면 강조 표시된 문제를 피할 수 있지만 not well liked입니다.

Answer 2

을 고려하는 경우

그것은 비실 꽤, 그들은 항상 같은 매개 변수를 사용하거나 같은 방식으로 동작하지 않습니다.

즉,이 속성이 어떻게 작동해야하며 구문이 어떻게 나타나야하는지에 대한 표준 또는 공통적 인 이해가있을 때까지이 접두어가 붙는 이유는 무엇입니까?

일부 속성은 실험 결과가 아닙니다. 브라우저 공급 업체는 멋진 아이디어를 가지고 브라우저에 추가합니다. 잠시 후 다른 브라우저 공급 업체가이를 수령하고 나중에는이 기능에 대한 표준이 제공 될 것입니다.

대부분의 브라우저 버전 이후에 이러한 접두사가 삭제되므로 표준 브라우저를 사용할 수 있습니다. example border-radius보기 : 처음에는 접두어 -moz-과 -webkit-이 있었지만 속성 정의가 안정화 된 후 접두사가 삭제되었고 접두어가 붙지 않은 버전 만 사용할 수 있습니다.