브라우저가 이해하지 못하는 CS를 무시하는 경우 Modernizr을 사용하는 이유는 무엇입니까?

Question

나는 함께 일하고있다 Modernizr 그리고 그것은 훌륭한 자원이며 훌륭한 프로젝트입니다. 그러나 내가 사용하는 방식은 다음과 같습니다.

• 기준선 (IE) CSS를 사용한 디자인
• 고급 브라우저에 대한 CSS3 효과를 향상시킵니다

행동에 따라 스타일을 완전히 대체하지 않는 한, 왜 박스 그림자, 그라디언트 및 테두리 반경과 같은 스타일을 스타일 시트에 추가해서는 안됩니까? 브라우저가 규칙을 이해하지 못하면 그냥 무시할 것입니다. 맞습니까? 그리고 JavaScript가 꺼져 있으면 어쨌든 사용할 수 없습니다.

일반적인 경우에 위의 방법과 고급 사례에 ModernIzr을 사용해야합니까? 아니면 이해하지 못하는 것을 무시하기 위해 브라우저에 의존하는 데 문제가 있습니까?

Answer 1

일부 브라우저가 아직 지원하지 않는 (HTML 5) 요소를 사용할 수 있습니다. 또한 폴백 스타일링을 지정할 수 있습니다.

많은 브라우저가 텍스트 변환과 같은 것들에 대한 자체 CSS 규칙을 만듭니다. Modernizr을 사용하면 하나의 규칙을 작성할 수 있으며 Modernizr은 여러 브라우저에서 발생합니다.

나는 그것이 편리하다고 생각합니다.

Answer 2

오래된 브라우저가 CSS3의 많은 부분을 완전히 무시한다는 것은 완전히 옳습니다.

그로 인해 기본 선택기에서 CSS3를 수행하지만 종종 구형 브라우저 케이스를 처리하기 위해 ModernIZR의 기능이없는 클래스를 사용합니다.

div.box { 
         height:50px; 
         -moz-box-shadow: 3px 3px 5px #555; 
         -webkit-box-shadow: 3px 3px 5px #555; }

div.box span.fakeshadow { 
         display:none; 
}

.no-boxshadow div.box span.fakeshadow { 
         display:block; background: url('fakeshadowbg.png'); 
}

나는 그것이 더 명확하게되기를 바랍니다.