CSS-Media-Feature device-aspect-ratio
Deprecated
Avoid using this feature in new projects. Device media queries do not reflect available layout, only the physical size of the device. This feature may be a candidate for removal from web standards or browsers.
Consider using the following features instead: Media queries.
Hinweis:
Um das Seitenverhältnis des Ansichtsbereichs abzufragen, sollten Entwickler stattdessen die aspect-ratio-Medienfunktion verwenden.
Die device-aspect-ratio CSS-Medienfunktion kann verwendet werden, um das Breite-zu-Höhe-Seitenverhältnis eines Ausgabegeräts zu testen.
Syntax
Die device-aspect-ratio-Funktion wird als <ratio> angegeben. Sie ist eine Bereichsfunktion, was bedeutet, dass Sie auch die präfixierten Varianten min-device-aspect-ratio und max-device-aspect-ratio verwenden können, um minimale bzw. maximale Werte 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
| Spezifikation |
|---|
| Media Queries Level 4 # device-aspect-ratio |