1. Web
  2. CSS
  3. Reference
  4. Values
  5. <resolution>

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<resolution> CSS-Typ

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2022 browserübergreifend verfügbar.

Der <resolution> CSS Datentyp, der zur Beschreibung von Auflösungen in Media Queries verwendet wird, bezeichnet die Pixeldichte eines Ausgabegeräts, d.h. seine Auflösung.

Auf Bildschirmen beziehen sich die Einheiten auf CSS-Zoll, -Zentimeter oder -Pixel, nicht auf physische Werte.

Syntax

Der <resolution>-Datentyp besteht aus einer streng positiven <number> gefolgt von einer der unten aufgeführten Einheiten. Wie bei allen CSS-Dimensionen gibt es keinen Leerraum zwischen dem Einheitensymbol und der Zahl.

Einheiten

dpi

Repräsentiert die Anzahl der Punkte pro Zoll. Bildschirme enthalten typischerweise 72 oder 96 Punkte pro Zoll, aber der dpi-Wert für gedruckte Dokumente ist normalerweise viel höher. Da 1 Zoll 2,54 cm entspricht, gilt 1dpi ≈ 0.39dpcm.

dpcm

Repräsentiert die Anzahl der Punkte pro Zentimeter. Da 1 Zoll 2,54 cm entspricht, entspricht 1dpcm ≈ 2.54dpi.

dppx

Repräsentiert die Anzahl der Punkte pro px-Einheit. Aufgrund des festen Verhältnisses von 1:96 von CSS in zu CSS px entspricht 1dppx 96dpi, was der Standardauflösung von in CSS dargestellten Bildern entspricht, wie in image-resolution definiert.

x

Alias für dppx.

Hinweis: Obwohl die Zahl 0 immer gleich ist, unabhängig von der Einheit, darf die Einheit nicht weggelassen werden. Anders ausgedrückt, 0 ist ungültig und repräsentiert nicht 0dpi, 0dpcm oder 0dppx.

Beispiele

Verwendung in einer Media Query

css
@media print and (resolution >= 300dpi) {
  /* … */
}

@media (resolution: 120dpcm) {
  /* … */
}

@media (resolution >= 2dppx) {
  /* … */
}

@media (resolution: 1x) {
  /* … */
}

Gültige Auflösungen

96dpi
50.82dpcm
3dppx

Ungültige Auflösungen

72 dpi     Spaces are not allowed between the number and the unit.
ten dpi    The number must use digits only.
0          The unit is required.

Spezifikationen

Spezifikation
CSS Values and Units Module Level 4
# resolution

Browser-Kompatibilität

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden