Récupération dynamique dans le css d'un attribut sélectionné par media queries
Bonjour,
Je désire récupérer dynamiquement en javascript la valeur d'un attribut (ici zoom) présentement sélectionné avec media queries, est-ce possible? puis-je utiliser une variable pour le faire?
(bien que j'ai lu qu'il n'y avait pas de variable globale dans le css)
Actuellement je peux récupérer en javascript, dans le css, la valeur du zoom pour chaque plage de largeur d'écran, puis tester la largeur de fenetre courante pour déterminer le zoom courant, mais je ne désire plus implémenter les seuils dans le javascript.
(par ex : var zoom=document.styleSheets[0].cssRules[0].cssRules[0].style.zoom; pour le zoom de la première plage)
Merci d'avance,
Trachy
Code:
1
2
3
4
5
6
7
8
9
10
11
|
@media screen and (min-width: 851px) {
zoom:100%
}}
@media screen and (min-width: 751px) and (max-width: 850px) {
zoom:90%
}}
@media screen and (max-width: 750px) {
#map{position:absolute;top:0px;left:0px;width:100%;height:100%;max-width:950px; z-index:2;
zoom:80%
}} |
