Heim >Web-Frontend >CSS-Tutorial >Wann greifen CSS-Attribute auf Pixel (px) ohne Einheiten zurück?
Wann greifen CSS-Attribute auf Pixel (px) ohne Einheiten zurück?
- Susan SarandonOriginal
- 2024-10-24 09:26:29317Durchsuche
Fallback für CSS-Attribute ohne Einheiten: Eine Fallstudie
CSS-Attribute erfordern häufig die Angabe von Einheiten (z. B. px, em, %). ihre Werte. In bestimmten Szenarien können diese Einheiten jedoch weggelassen werden. Dies wirft Fragen zum Fallback-Mechanismus und zum Verhalten von Benutzeragenten (UAs) in solchen Situationen auf.
Fragen:
- Warum funktionieren einige Attribute? Fallback auf Pixel (px), wenn Einheiten weggelassen werden?
- Ist px die bevorzugte Fallback-Einheit in allen W3C-Empfehlungen?
- Sind UAs dazu verpflichtet Fallback auf eine bevorzugte Einheit?
- Was ist das richtige Verhalten im folgenden Beispiel angesichts des Verhaltens verschiedener Browser?
<body>
<div
style= "width:170;
border:1 dotted PaleGreen;
background-color:MistyRose">
The quick brown
</div>
</body>
Antworten:
1. pxFallback im Quirks-Modus
Im Quirks-Modus, der durch das Fehlen eines richtigen Dokumenttyps aktiviert wird, greifen einige Browser für bestimmte Attribute möglicherweise auf px zurück. Dieses Verhalten ist auf die alten HTML-Attribute „Breite“ und „Höhe“ zurückzuführen, die einheitenlose Zahlen als Pixellängen akzeptierten.
2. Bevorzugte Fallback-Einheit
Ja, px ist die bevorzugte Fallback-Einheit, wenn keine definierte Einheit vorhanden ist. Dies basiert auf der Kompatibilität mit dem Verhalten von Legacy-HTML.
3. Rückfallverpflichtung
Nein, es gibt keine formelle Regel, die UAs dazu verpflichtet, auf eine bevorzugte Einheit zurückzugreifen. Dies führt zu inkonsistentem Verhalten in allen Browsern.
4. Analyse des Browserverhaltens
- Internet Explorer: Im Quirks-Modus wird für Breite und Rahmenbreite auf px zurückgegriffen. Im Standardmodus ignoriert es einheitenlose Werte.
- Firefox: Im Quirks-Modus greift es für die Breite auf px zurück, ignoriert jedoch einheitenlose Werte für die Rahmenbreite.
- Chrome, Opera, Safari:Im Quirks-Modus wird sowohl für die Breite als auch für die Rahmenbreite auf px zurückgegriffen.
Hinweis:Im Standardmodus alle Browser müssen Längenwerte ohne Einheiten ignorieren.
Das obige ist der detaillierte Inhalt vonWann greifen CSS-Attribute auf Pixel (px) ohne Einheiten zurück?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!