device-aspect-ratio CSS-Media-Feature
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 Ansichtsfensters abzufragen, sollten Entwickler stattdessen die aspect-ratio-Media-Feature verwenden.
Die device-aspect-ratio CSS-Media-Feature kann verwendet werden, um das Breiten-Höhen-Seitenverhältnis eines Ausgabegeräts zu testen.
Syntax
Das device-aspect-ratio-Feature wird als <ratio> angegeben. Es ist ein Bereichs-Feature, was bedeutet, dass Sie auch die präfixierten Varianten min-device-aspect-ratio und max-device-aspect-ratio verwenden können, um 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
| Spezifikation |
|---|
| Media Queries Level 4 # device-aspect-ratio |