Heim > Artikel > Web-Frontend > 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:29156Durchsuche

When Do CSS Attributes Fallback to Pixels (px) Without Units?

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!

firefox css chrome safari html for require Length this border

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

Vorheriger Artikel：Wie gehen Browser in Fallback-Situationen mit einheitenlosen CSS-Attributen um?Nächster Artikel：Wie gehen Browser in Fallback-Situationen mit einheitenlosen CSS-Attributen um?

In Verbindung stehende Artikel

Mehr sehen