Modernizr + html5shiv VS ie9.js

Question

Ich baue ein responsives Design mit HTML5. Zuerst habe ich Modernizr und die CSS-Reset von HTML5 Boilerplate, aber natürlich die Klassen und Ids html5 Elemente wurden von IE nicht erkannt < 9.

Was ich am meisten brauchen daher ist die volle Unterstützung für html5 Elemente und vorzugsweise ein gutes Display-Fallback für Bilder mit "max-width", ohne Verwendung von CSS-Hacks.

Welche dieser Optionen sollte ich befolgen?

1. Fügen html5shiv und ie9.js mit bedingten Kommentaren
2. nur Fügen Sie ie9.js für alle Browser
3. über ie9.js Vergessen

Vielen Dank!

Answer 1

html5shiv und ie9.js tut ganz andere Dinge. html5shiv behebt einen Fehler in älteren Versionen von Internet Explorer, bei dem beliebige Elemente (wie die von HTML5 eingeführten, die die Browser älter sind) von CSS nicht gestaltbar sind. ie9.js versucht, bestimmte Rendering-Fehler in älteren IE-Versionen zu beheben und die Unterstützung für neuere CSS3-Funktionen hinzuzufügen. Die Frage, welche man schließen kommt darauf an, was Sie nach:

volle Unterstützung für html5 Elemente

Möchten Sie diese Elemente verwenden müssen und unterstützen ältere Versionen von IE? Dann brauchst du html5shiv. Müssen Sie CSS3 Eigenschaften und Selektoren verwenden? Dann wirst du ie9.js wollen. Einschließlich ie9.js, nur um Unterstützung für max-width hinzuzufügen, ist jedoch keine gute Idee.

---

Und noch eins:

nur Fügen Sie ie9.js für alle Browser

sollte nie eine Option sein - dies nur nachteilig tun wird Ihre Seite die Leistung auf anderen Browsern beeinflussen .

Answer 2

Modernizr enthält den shiv-Code zum Hinzufügen der neuen Tags zu IE < 9. Stellen Sie sicher, dass Sie den Link dazu im Kopfbereich vor anderen JavaScript-Links/Code hinzufügen.

Starten Sie einfach aus der index.html und anderen Dateien Datei in HTML5BoilerPlate zur Verfügung gestellt und den Code in hinzuzufügen.