Heim >Web-Frontend >CSS-Tutorial >Wie kann ich Internet Explorer 10 zuverlässig auf ein bestimmtes Design und eine bestimmte Funktionalität ausrichten?
Wie kann ich Internet Explorer 10 zuverlässig auf ein bestimmtes Design und eine bestimmte Funktionalität ausrichten?
- DDDOriginal
- 2024-12-23 18:43:20673Durchsuche
Ausrichtung auf Internet Explorer 10 für bestimmte Situationen: Navigieren in Browser-Macken
Bei der Arbeit mit browserübergreifender Kompatibilität kann die Ausrichtung auf bestimmte Browserversionen von entscheidender Bedeutung sein um eine optimale Wiedergabe zu gewährleisten. Eine häufige Herausforderung für Entwickler besteht darin, sich ausschließlich auf Internet Explorer 10 zu konzentrieren, um IE-spezifische Stile oder JavaScript-Funktionen anzuwenden.
Bedingte Kommentare: Ein irreführender Ansatz
Zunächst könnte man es versuchen um bedingte Kommentare zu verwenden, um IE 10 wie folgt anzusprechen:
<!--[if IE 10]>
<html class="no-js ie10" lang="en">
<![endif]-->
<!--[if !IE]>
<html lang="en" class="no-js">
<![endif]-->
Internet Explorer 10 tut dies jedoch nicht Respektieren Sie diese Kommentare und machen Sie sie unwirksam.
Robuste Targeting-Techniken
Erwägen Sie stattdessen die folgenden Methoden, um IE 10 zuverlässig anzusprechen:
Ausrichtung auf IE 9, 10 und 11
@media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* CSS for IE 10 */
}) {
/* CSS for IE 9, 10, and 11 */
}
Ausrichtung auf Internet Explorer 10
@supports (-ms-accelerator:true) {
.selector { property:value; }
}
Ausrichtung auf Microsoft Edge
Quellen:
- Internet Explorer-spezifisches CSS in @media-Blöcke verschieben
- So zielen Sie auf Internet Explorer ab 10 und 11 in CSS
- CSS-Hacks für Windows 10 und Microsofts Edge Web Browser
Das obige ist der detaillierte Inhalt vonWie kann ich Internet Explorer 10 zuverlässig auf ein bestimmtes Design und eine bestimmte Funktionalität ausrichten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!