Wie gehen Browser mit fehlenden Einheiten in CSS-Attributen um?

Fallback für CSS-Attribute ohne Einheit

In CSS, wenn eine Einheit (z. B. px, em, pt, %) fehlt Ein Attribut, Browser gehen unterschiedlich mit der Situation um.

Verhalten im Quirks-Modus

Im Quirks-Modus greifen einige Browser möglicherweise auf eine bevorzugte Einheit zurück, normalerweise px. Dieses Verhalten basiert auf dem Erbe einheitenloser HTML-Attribute wie Breite und Höhe.

Verhalten im Standardmodus

Im Standardmodus gemäß den CSS2.1-Spezifikationen alles nicht -Null-Längenwerte erfordern Einheiten. Von UAs wird erwartet, dass sie Längenwerte ohne Einheiten ignorieren.

Browser-Inkonsistenzen

Trotz des standardisierten Verhaltens im Standardmodus weisen Browser im Quirks-Modus Inkonsistenzen auf:

• Internet Explorer: Einheitenlose Regeln in IE7 und höher ignoriert
• Firefox: Fallback auf px für die Breite, aber Randbreite ignoriert
• Chrome, Opera, Safari: Fallback auf px für beide Breiten und Rahmenbreite

W3C-Anforderungen

Das W3C schreibt das Verhalten für einheitenlose CSS-Attribute im Quirks-Modus nicht vor. Die Spezifikationen schreiben nur vor, dass UAs einheitenlose Längenwerte im Standardmodus ignorieren.

Spezifische Fragen:

1. Warum px-Fallback im Quirks-Modus?
   Es handelt sich um ein skurriles Verhalten, das auf alten HTML-Attributen basiert.
2. Obligatorischer Fallback auf die bevorzugte Einheit?
   Nein, im Mackenmodus ist es nicht obligatorisch.
3. Korrektes Verhalten im Quirks-Modus für das gegebene Beispiel:
   Es gibt kein definiertes korrektes Verhalten, da es von Browser-Macken abhängt. Das Verhalten von Chrome, Opera und Safari entspricht eher dem Ignorieren einheitenloser Regeln im Standardmodus.

Das obige ist der detaillierte Inhalt vonWie gehen Browser mit fehlenden Einheiten in CSS-Attributen um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!