Résumé
Retourne un objet MediaQueryList représentant le résultat du pattern MediaQuery passé en paramètre.Syntaxe
|
Exemple
if (window.matchMedia("(min-width:
400px)").matches) { /* the view port is at
least 400 pixels wide */ } else { /* the view port is less
than 400 pixels wide */ } |
Il est possible aussi d'ajouter dans le pattern Media Query, l'orientation : (orientation: portrait).
On peut aussi ajouter un observer implémantant l'interface
MediaQueryListListener,
pour être notifier du changement d'orientation par exemple comme ci-dessous :
|
Cette fonction peut être très utile lorsque l'on gère directement le design en javascript. Car l'étude du User-Agent n'est quelque fois pas suffisant pour déterminer le style d'affichage notamment sur les tablettes 7''.
En paysage, on affichera plutôt le design dédié au tablette alors qu'en portrait on aura tendance à afficher le design Smartphone.
No comments:
Post a Comment