Wann greifen CSS-Attribute auf Pixel (px) ohne Einheiten zurück?-CSS-Tutorial-php.cn

Wann greifen CSS-Attribute auf Pixel (px) ohne Einheiten zurück?

Susan Sarandon

Freigeben： 2024-10-24 09:26:29

Original

164 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!