Orientation smartphone ET inclinaison ?

Bonjour,

j'ai une Media query dans la page CSS pour détecter si le smartphone est en mode portrait ou en mode paysage.

@media (max-width: 767px) and (orientation: portrait) {...}

Ça marche très bien... sauf si le smartphone est posé à plat ou avec une faible inclinaison (inférieure à ±45°). Auquel cas la media query ne sert à rien : on pourra tourner le smartphone sur 360° il restera considéré comme étant dans le mode initial, Portrait ou Paysage, qu'il avait au moment où on l'a posé à plat.

Y a-t-il un moyen de détecter si le smartphone a une faible inclinaison ?

Merci pour l'aide
Paul

Bonjour,

Tu peux essayer (avec javascript) d'utiliser les évènements "DeviceOrientationEvent"
et "DeviceMotionEvent".

Voir https://www.alsacreations.com/tuto/lire/1501-api-device-orientation-motion-acceleration.html et https://developer.mozilla.org/fr/docs/WebAPI/Detecting_device_orientation

Amicalement,