Bonjour, hola,

Tout n'est pas dans le titre, mais presque. Responsive avec firefox et [Windows7 et affichage des textes à + de 100%]

Contexte :
<link rel="stylesheet" media="screen and (max-width:1599px)" href="hop.css" /> // fait pour les 1280px et +
<link rel="stylesheet" media="screen and (min-width:1600px)" href="hop_large.css" />


* Résolution 1 = 1920x1080, affichage des textes et objets à 100% dans Windows7 : Tout est en ordre.

* Résolution 1 = 1920x1080, affichage des textes et objets à 125% dans Windows7 :
IE et Chrome : affichage css nickel : $(window).width() = 1920 pour les 2.
Firefox $(window).width() = 1536. FF prend "hop.css" au lieu de "hop_large.css", ce qui donne un affichage centré certes, mais
de 1280px alors que la res effective est 1920.

* Donc si avec Firefox et affichage Win7 à 125%, je mets mets en résolution 1280px; tout est déformé et rien ne tient dans la fenêtre. J'ose même pas
imaginer si on descend la res à 1024px....

De plus, j'utilise notamment CloudCarousel qui demande width, pos,, ainsi que d'autres animations css3, et là c'est terrible sous FF affichage win7 125% et pire immonde sous 150%...

J'ai bien écrit dans mon js if ($.browser.mozilla) do this, et if ( $(window).width() == 1536 // et autres redimensionments fantaisistes de FF ) mais ça ne marche pas sur toutes les pages de mes sites.. waooo C'est désespérant !

*********************************
So quels conseils, idées, expériences, avez-vous de celà ?
Merci,
A vous lire

Bonjour,

Cela n'a peut-être rien à voir mais la documentation mozilla indique un espace pour la taille minimale ou maximale.
Essayes donc cela :

<link rel="stylesheet" media="screen and (max-width: 1599px)" href="hop.css" /> // fait pour les 1280px et +
<link rel="stylesheet" media="screen and (min-width: 1600px) and (max-width: 1920px)" href="hop_large.css" />