28113 sujets

CSS et mise en forme, CSS3

Bonjour,
Sans doute une étourderie de ma part que je n'arrive pas à trouver.
La mediaquery s'applique bien au breakpoint voulu (size: 18px)
Mais le bug : lorsqu'on revient en-dessous de ce breakpoint, il ne reprend pas la taille initiale (16px).
Pour tester j'ai simplifié la feuille de style en la réduisant à :

html {		
    font-size: 100%;   	 /* 1rem = 16px */
}
:root {	
	--text-size: 1rem;		/* 16px */
}
	@media screen and (min-device-width: 1024px) {
		:root {
			--text-size: 1.125rem;		/* 18px */
		}	
	}
body {
	font-size: var(--text-size);
}
Modérateur
Salut,

min-width et non min-device-width, car meme si tu réduit la largeur de ton navigateur pour tester, la largeur de ton écran ne bouge pas ! Smiley lol
Meilleure solution
Modérateur
Enfin après ça permet de bien segmenter hein, c'est peut être voulu. Mais pas testable sur un navigateur avec du resize (comme j'ai assumé que tu faisais).

Bonne journée
Merci.
Non ce n'était pas voulu.
Une étourderie en faisant un copier-coller d'une ancienne feuille de styles
Cordialement