[Résolu] Charger un fichier CSS en fonction de la résolution d'écran

Bonjour à tous,

Sur une page spécifique de mon site, j'ai besoin de charger un fichier css différent en fonction de la résolution d'écran de l'internaute.

Je sais qu'en javascript, c'est possible, mais cela redirige simplement l'internaute sur une autre page, ce qui ne me convient pas du tout. Comment charger un fichier css spécifique en fonction de la résolution d'écran de l'internaute ?


Merci d'avance !
Modifié par sunnmagic (19 Jan 2008 - 01:41)

Bonjour,

sunnmagic a écrit :
Je sais qu'en javascript, c'est possible, mais cela redirige simplement l'internaute sur une autre page, ce qui ne me convient pas du tout.

Ben non, ça ne redirige pas forcément l'internaute sur une autre page.
Tu peux par exemple détecter la largeur de la fenêtre du navigateur (et pas la résolution d'écran...), et appliquer une classe à l'élément body en fonction de cette largeur.
Bien sûr, on fera attention au rendu sans Javascript.

Sinon, pour mémoire, à l'avenir on pourra peut-être utiliser les media queries pour ce genre de choses.

Florent V. a écrit :
Tu peux par exemple détecter la largeur de la fenêtre du navigateur (et pas la résolution d'écran...), et appliquer une classe à l'élément body en fonction de cette largeur

C'est exactement ce que je cherche à faire ! Comment faire ??

J'ai trouvé une autre solution, c'est parfait, merci pour ton aide