Warum Modernizr wenn Browser CSS ignorieren sie nicht verstehen?

StackOverflow https://stackoverflow.com/questions/1749895

  •  20-09-2019
  •  | 
  •  

Frage

Ich habe mit Modernizr und es ist eine wunderbare Ressource, nur ein großes Projekt. die Art, wie ich verwendet habe, es ist jedoch:

  • Entwurf mit der Basislinie (IE) CSS
  • Erweitern mit CSS3 Effekte für erweiterte Browser

Wenn ich nicht vollständig würde die Stile ersetzen basierend auf Verhalten, warum soll ich nicht nur Stile hinzufügen wie Box Schatten, Verläufe und Grenzradien an das Stylesheet? Wenn der Browser eine Regel nicht versteht, wird es einfach ignoriert es, richtig? Und wenn JavaScript ausgeschaltet ist, kann ich es sowieso nicht verwendet werden.

sein sollte ich das obige Verfahren im typischen Fall verwendet wird, und Modernizr für fortgeschrittene Fälle? Oder gibt es etwas falsch auf Browser mit Berufung zu ignorieren, was sie nicht verstehen?

War es hilfreich?

Lösung

Sie können mit (HTML 5) Elemente, dass einige Browser noch nicht unterstützen. Sie können auch Ausweich Styling angeben.

Viele Browser ihre eigenen CSS-Regeln für Dinge wie Text-Transformation. Mit Modernizr können Sie eine Regel schreiben und Modernizr macht es für mehrere Browser passieren.

Ich denke, es ist nur Bequemlichkeit.

Andere Tipps

Sie sind völlig richtig, dass ältere Browser viel von völlig außer Acht lassen, was in CSS3.

Aus diesem Grunde hat ich in meinem Grunde Selektoren mein css3 tun .. aber oft Gebrauch des modernizr mache Niemands Feature-Classes, den älteren Browser Fall zu behandeln: 

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

Ich hoffe, das macht es klarer.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top