Zusammenfassung der Browserkompatibilität gängiger CSS-Eigenschaften (empfohlen)

Warum müssen wir die Browserkompatibilität von CSS-Eigenschaften zusammenfassen? Wäre es bei der Verwendung nicht besser, einfach unter „Kann ich verwenden“ die Kompatibilität des Browsers mit dem Attribut zu prüfen?

css3.jpeg

Tatsächlich müssen wir uns im eigentlichen Entwicklungsprozess über die Kompatibilität gängiger CSS-Attribute im Klaren sein, um unsere Entwicklungseffizienz deutlich zu verbessern und Code zu schreiben, der problemlos degradiert werden kann. Dies bedeutet nicht, dass Sie sich alle Kompatibilitäten von CSS-Attributen merken müssen. Für diejenigen mit geringer Nutzungsrate können wir direkt „Kann ich verwenden“ zur Suche verwenden.

rahmen:

• border-radius: Minimale Kompatibilität mit IE9, mit ausgezeichneter Kompatibilität in anderen Browsern.
• Box-Shadow: Minimale Kompatibilität mit IE9, andere Browser haben ausgezeichnete Kompatibilität.

Hintergrund:

Hintergrundgröße: Mindestkompatibilität mit IE9, andere Browser haben ausgezeichnete Kompatibilität.

Schriftart:

@font-face: IE9 und höhere Versionen des IE-Browsers unterstützen den Import von Schriftdateien in jedem Format, während Browser vor IE9 nur den Import von Schriftdateien im EOT-Format unterstützen. Andere Browser sind kompatibel.

2D-Transformation:

Transform: Mindestkompatibilität mit IE9 (Präfix -ms- muss hinzugefügt werden), andere Browser haben ausgezeichnete Kompatibilität. Es empfiehlt sich, vor der Transform-Eigenschaft das Kernel-Präfix des Browsers hinzuzufügen. Es wird nicht empfohlen, das Transform-Attribut auf SVG-Elementen zu verwenden, und die neueste Version von IE unterstützt diese Verwendung nicht.

3D-Transformation:

IE10 und Firefox unterstützen 3D-Transformationen. Chrome und Safari erfordern das Präfix -webkit-. Opera unterstützt immer noch keine 3D-Übergänge, sondern nur 2D-Übergänge.

Übergang:

Übergang: Minimale Kompatibilität mit IE10 und ausgezeichnete Kompatibilität mit anderen Browsern. Der Safari-Browser erfordert das Präfix -webkit-, die meisten anderen Browser haben dieses Präfix nicht. Daher müssen Sie, außer in besonderen Fällen, die Präfixe anderer Browser nicht hinzufügen.

Animation:

Animation: Die Kompatibilität entspricht in etwa der Übergangseigenschaft.

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.