Por que usar o Modernizr se os navegadores ignoram o CSS que não entendem?

Question

Eu tenho trabalhado com Modernizr E é um recurso maravilhoso, apenas um ótimo projeto. No entanto, a maneira como eu tenho usado é:

• Design com CSS de linha de base (IE)
• Aumente com os efeitos CSS3 para navegadores avançados

A menos que eu substituísse completamente os estilos com base no comportamento, por que não deveria adicionar estilos como sombras, gradientes e raios de borda à folha de estilo? Se o navegador não entender uma regra, ele apenas a ignorará, correto? E se o JavaScript estiver desligado, não posso usá -lo de qualquer maneira.

Devo usar o método acima no caso típico e a modernizr para casos avançados? Ou há algo errado em confiar nos navegadores para ignorar o que eles não entendem?

Answer 1

Você pode usar (HTML 5) elementos que alguns navegadores ainda não suportam. Além disso, você pode especificar o estilo de fallback.

Muitos navegadores criam suas próprias regras CSS para coisas como transformação de texto. Com o Modernizr, você pode escrever uma regra e o Modernizr faz acontecer para vários navegadores.

Eu acho que é apenas conveniência.

Answer 2

Você está totalmente certo de que os navegadores mais antigos desconsideram completamente muito do que está no CSS3.

Por causa disso, faço meu CSS3 em meus seletores básicos. Mas muitas vezes uso as aulas de não-rumores da Modernizr para lidar com o caso mais antigo do navegador:

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'); 
}

Espero que isso deixe mais claro.