Caractéristique média CSS device-aspect-ratio
Obsolète
Évitez d'utiliser cette fonctionnalité dans de nouveaux projets. Device media queries do not reflect available layout, only the physical size of the device. Cette fonctionnalité peut être candidate à la suppression des standards web ou des navigateurs.
Envisagez d'utiliser plutôt les fonctionnalités suivantes : Media queries.
Note :
Pour interroger le rapport d'aspect de la zone d'affichage, il faut utiliser la caractéristique média aspect-ratio.
La caractéristique média CSS device-aspect-ratio peut être utilisée pour tester le rapport d'aspect largeur/hauteur d'un périphérique de sortie.
Syntaxe
La caractéristique device-aspect-ratio est définie sous la forme d'un ratio (type CSS <ratio>). C'est une caractéristique d'intervalle ce qui signifie qu'on peut utiliser les variantes préfixées min-device-aspect-ratio et max-device-aspect-ratio afin de cibler des règles en fonction de minimum ou maximum.
Exemples
article {
padding: 1rem;
}
@media screen and (min-device-aspect-ratio: 16/9) {
article {
padding: 1rem 5vw;
}
}
Spécifications
| Spécification |
|---|
| Media Queries Level 4 # device-aspect-ratio |