par
MmeRose » 03 août 2014, 19:03
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, 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" />
* [u]Résolution 1 = 1920x1080, affichage des textes et objets à [color=#FF4000]100% [/color]dans Windows7 [/u]: Tout est en ordre.
* [u]Résolution 1 = 1920x1080, affichage des textes et objets à [color=#FF4000]125%[/color] dans Windows7 [/u]:
IE et Chrome : affichage css nickel : $(window).width() = 1920 pour les 2.
Firefox $(window).width() =[color=#FF4000] 1536[/color]. 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
