Discussion :

[patrick.iribarne]

J'ai mis en place le fichier CSS suivant, censé permettre de paramétrer font-size selon le device, puis de formatter des titres avec une échelle proportionnelle (ici rem)

Problème : Rien ne change selon les tailles de l'écran !!!

==> SOS !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
@media (min-width: 800px) {
     font-size: 10px;
}
@media (min-width: 800px) {
     font-size: 14px;
}
@media (min-width: 800px) {
     font-size: 16px;
}
@media (min-width: 1200px) {
     font-size: 22px;
}
 
titre3-normal {
	font-family: Hind,RalewayRegular,Helvetica,sans-serif;
	color:#333;
    font-size: 1.5rem;
	line-height:1.2rem;
    margin-top: 0.67rem;
    margin-bottom: 0.67rem;
    margin-left: 2rem;
    margin-right: 0;
	font-weight: 500;
}

[Invité]

Bonjour,

il faut lire avec un peu plus d'attention la doc : Media queries - syntaxe

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
@media (min-width: .....px) {
     body { font-size: ...px; }
     .............
}
@media (min-width: .....px) and (max-width: .....px) {
     body { font-size: ...px; }
     .............
}