이러한 경우 CSS에 접두어를 사용해야합니까?

이것은 일부 Google 웹 페이지의 코드입니다 (다른 질문에서 찾았습니다). 제 질문은 : 값이 같은 경우 접두어가 필요한 이유는 무엇입니까?이러한 경우 CSS에 접두어를 사용해야합니까?

.example { 
    -webkit-border-image: url(img.png) 10px/20px round; /* Ch <16, Saf <6 */ 
    -moz-border-image: url(img.png) 10px/20px round; /* Fx <15 */ 
     -o-border-image: url(img.png) 10px/20px round; /* Op (not mini) */ 
      border-image: url(img.png) 10px/20px round; /* Ch 16+, Saf 6+ */ 
}

출처

2014-04-04 user3495400

줄 옆의 주석을 보았습니까? 이는 해당 브라우저가 해당 접두사를 가진 행을 이해한다는 것을 의미합니다. 이것은 또한 도움이 될 수 있습니다 : http://caniuse.com/border-image 한 가지 더 : 이것들은 ** vendor prefixes **라고 불리므로 가장 좋아하는 검색 엔진을 시작하십시오 :). – kapa

흠, 값이 같으면 다른 브라우저에 다른 접두사가 필요하고 접두어가없는 변형을 사용하지 않는 이유는 무엇입니까? 바이트의 낭비처럼 보입니다 (거의 LOL과 같이 많은 바이트 낭비). – user3495400

최종 표준 버전이없는 기능의 경우 브라우저 공급 업체가 이러한 공급 업체 프리픽스를 사용하여 구현할 수 있습니다. 그래서 Chrome 15가 나왔을 때,'border-image'는 널리 받아 들여지지 않는 표준이 없었기 때문에'-webkit-border-image'를 사용했습니다. 이렇게하면 최종 표준이 이전 버전과 다를 경우 새 구문으로 작성된 페이지를 표시하는 구형 브라우저가 중단되지 않습니다. Chrome 16이 나왔을 때 '경계 이미지'는 최종 버전으로 간주되었으므로 해당 버전에서 지원됩니다. – kapa

이들을 접두사 라고합니다.

줄 옆에있는 의견을 보았습니까? 그것은 which browsers understand that line with that prefix을 의미합니다.

최종 표준 버전이없는 기능의 경우 브라우저 공급 업체가 이러한 공급 업체 프리픽스를 사용하여 구현할 수 있습니다. Chrome 15가 나왔을 때 border-image에는 변경되지 않는 널리 인정되는 표준이 없었기 때문에 -webkit-border-image을 사용했다고 가정 해 보겠습니다. 이렇게하면 최종 표준이 이전 버전과 다를 경우 새 구문으로 작성된 페이지를 표시하는 구형 브라우저가 중단되지 않습니다. Chrome 16이 나왔을 때 border-image은 최종 버전으로 간주되었으므로 해당 버전에서 지원됩니다.

출처

2014-04-04 11:31:08 kapa

크로스 브라우저 지원의 경우. 그 자체가 귀하의 질문에

출처

2014-04-04 10:54:36

이러한 경우 CSS에 접두어를 사용해야합니까?

답변

관련 문제