device-aspect-ratio
Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, kann sie bereits aus den relevanten Webstandards entfernt worden sein, befindet sich im Prozess der Entfernung oder wird nur aus Kompatibilitätsgründen beibehalten. Vermeiden Sie die Verwendung und aktualisieren Sie gegebenenfalls bestehenden Code; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu treffen. Beachten Sie, dass diese Funktion jederzeit nicht mehr funktionieren kann.
Hinweis: Um das Seitenverhältnis des Viewports abzufragen, sollten Entwickler stattdessen das aspect-ratio
Medienmerkmal verwenden.
Das device-aspect-ratio
CSS Medienmerkmal kann verwendet werden, um das Breite-zu-Höhe-Seitenverhältnis eines Ausgabegeräts zu testen.
Syntax
Das device-aspect-ratio
-Merkmal wird als <ratio>
angegeben. Es ist ein Bereichsmerkmal, was bedeutet, dass Sie auch die vorangestellten Varianten min-device-aspect-ratio
und max-device-aspect-ratio
verwenden können, um jeweils Mindest- und Höchstwerte abzufragen.
Beispiele
Verwendung von min-device-aspect-ratio
article {
padding: 1rem;
}
@media screen and (min-device-aspect-ratio: 16/9) {
article {
padding: 1rem 5vw;
}
}
Spezifikationen
Specification |
---|
Media Queries Level 4 # device-aspect-ratio |
Media Queries Level 4 # device-aspect-ratio |
Browser-Kompatibilität
BCD tables only load in the browser