Heim  >  Artikel  >  Web-Frontend  >  Bevor ich das Reich ohne H und ohne F erreiche ~ muss ich noch leiden ~ Ich bin mit dem CSS der browser_Experience-Börse kompatibel

Bevor ich das Reich ohne H und ohne F erreiche ~ muss ich noch leiden ~ Ich bin mit dem CSS der browser_Experience-Börse kompatibel

WBOY
WBOYOriginal
2016-05-16 12:10:091320Durchsuche

Es ist frustrierend, mehreren Browsern mit unterschiedlichem Parsing gegenüberzustehen, und das ist etwas, dem jeder begegnet, der CSS schreibt.
Obwohl bedingte Kommentare ein idealer Ansatz sind, sind sie vorwärts- und rückwärtskompatibel. Leider mag ich N-Versionen von CSS nicht wirklich.

Lassen Sie mich zuerst über meine eigene Verwendung sprechen.
Initialisieren
Selektoren{}
Um die Abwärtskompatibilität sicherzustellen,
Lassen Sie uns Filter starten
Unabhängig davon, ob IE6 den Quirks-Modus eingeführt hat
, verwenden Sie
* html Selectors{}
, um IE6 und niedrigere Versionen zu verarbeiten.
Ich habe eine kompliziertere Unterscheidung zwischen den niedrigeren und niedrigeren Versionen vorgenommen niedrigere Versionen.
Zum Lesen von IE5.x verwenden

@media tty {
i{content:"";/*" "*/}} @import 'ie5x.css' /*";}
}/* */

Wird nur unter besonderen Anforderungen verwendet, da IE5 in vielen Aspekten ähnlich ist.
Aber IE5 wird immer gleich sein,
Ich Sie müssen eine weitere Unterscheidung treffen, indem Sie

*>html Selectors{}

verwenden
*>html body Selectors{}
Compare Es ist einfacher, mit dem Problem umzugehen von Priorität.

Die Unterstützung von IE7 für CSS ähnelt der von Browsern wie FF, Opera und Safari.
Ich entscheide mich jedoch für die Verwendung von
*+ HTML Selektoren{}
um sich speziell mit IE7 zu befassen, aber als IE7 auch den Quirks-Modus einführte, wurde das Problem sehr kompliziert und sein Verständnis von CSS sank auch auf IE5 Es ist sehr ähnlich, aber es gibt keine Unterschiede Ich denke schon. Ich habe es abgelehnt, den Quirks-Modus in IE7 einzuführen.
Ich habe es mit privaten Dingen versucht >@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.loaoao.com") {
Selektoren{ .. . !important}
}

Wie wäre es mit Opera? Obwohl es ACID2 besteht
aber in meiner langweiligen Schreibweise gibt es immer noch Probleme wie dieses li:hover+li {} Ich nicht Wissen Sie. Wird diese Release-Version das Problem lösen?
Glücklicherweise haben andere es bereitgestellt

@media all and (min-width: 0px){
Selectors{}
}

Safari Was? Bitte verzeihen Sie mir, dass ich kein Geld habe, um Apple-Produkte zu kaufen. Das ist das Deprimierendste Sehr gut.
Weitere Informationen zu mehreren Filtermethoden finden Sie unter http://centricle.com/ref/css/filters/


Ob Sie Hacks oder Filter verwenden, es ist schmerzhaft
Die Probleme von heute zu lösen bedeutet nicht, morgen zu produzieren

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn