J'en ai ras la frange, je laisse tomber le vw dans la partie media query, j'ai mis de l'absolu et ça marche.

Bonjour,
J'essaye d'utiliser les media queries sur un site...
Je crois avoir bien lu la page :
http://www.alsacreations.com/article/lire/930-css3-media-queries.html
(super site à visiter de toute urgence Smiley cligne )
Du coup j'ai écrit ça dans ma css:

@media screen and (min-width: 200px) and (max-width: 590px) {
		#prev, #next {
		font-size: 1vw;
		}
		body{
		font-size: 2vw;
		}
}


Les 200 px, au cas où cela servirait ( ? ) et 590px pour qu'à partir de 600 l'affichage du texte soit en taille normale
Ça ne fait strictement rien quelle que soient les tailles de caractères là c'est un et deux, mais j'ai essayé tout et n'importe quoi sans plus de succès.
(prev et nex existent dans la css)(body aussi Smiley smile )...

#prev {
        font-size: 1vw;
        color: rgba(48,82,71, 0.8);
(etc.)
      #next {
      	font-size: 1vw;
        color: rgba(48,82,71, 0.8);
      	(etc.)
      }


J'ai mis aussi :
<meta name="viewport" content="width=device-width, initial-scale=1.0"> dans la page.


J'ai m...dé où ?
Bonne journée,
Y
Modifié par Yves-75 (12 May 2015 - 10:36)
salut,
là comme ça ça a l'air un peu difficile pour dire ce qui cloche. As-tu un lien vers cette page ?
Avec quel navigateur tu as essayé ?
Administrateur
Bonjour,

est-ce que la MQ est bien située après les instructions et donc règles qu'elle doit écraser ? Pour tester, rajouter font-size: 1vw !important; (et body { background: pink !important; } tant qu'à faire, dans la MQ et sinon après, dès fois qu'un ( ou} soit mal fermé...)

La page est-elle valide W3C http://validator.w3.org ? Pas de doublon d'id en particulier...
Zelalsan a écrit :
salut,
là comme ça ça a l'air un peu difficile pour dire ce qui cloche. As-tu un lien vers cette page ?
Avec quel navigateur tu as essayé ?


Bonjour et merci pour ta réponse.
L'url est :
(http://)test-support-og.univ-paris-diderot.fr/beta-htl
C'est un site de dev.
J'utilise firefox 31.6 esr

Bonne journée,
Y
J'ai modifié ça en :
 
              #prev {
		font-size:5 vw;
		padding-right: 10px;
		} 
		#next {
		font-size: 5vw;
		padding-left: 10px;
		}
		#titre {
		font-size: 10vw;
		}
		}

Si je m'acharne sur body alors que c'est titre qu'il faut modifier, normal, ça marche pô ;-(
Mais là, ça marche pour "next" et pas sur "prev ??
Modifié par Yves-75 (11 May 2015 - 11:58)
Ce n'est certainement pas ça, mais dans ton code il y a un espace dans le fontsize de ton #prev qui n'y est pas dans celui du #next?? (entre le 5 et vw)
Modifié par jutoto (11 May 2015 - 15:19)